详解js异步加载的三种方式

您所在的位置:网站首页 css引入方式有什么区别和联系 详解js异步加载的三种方式

详解js异步加载的三种方式

2024-07-02 14:01| 来源: 网络整理| 查看: 265

详解js异步加载的三种方式 一.同步加载

默认正常模式下,JS是同步加载的,及优先加载JS,只有当JS文件下载完,dom和css才开始加载

同步加载是我们使用最多的一种方式,同步模式,又称为阻塞模式,会阻止浏览器的后续处理,停止后续的解析,要等js加载完并执行之后才能执行下一步,所以默认同步执行是最安全的。但这样如果js中有输出document内容、修改dom、重定向等行为,就会造成页面堵塞。所以一般建议把

缺点:过多js加载会影响页面效率,一旦网速不好,那么整个网站将等待js加载而不进行后续渲染等工作。

二.异步加载

异步加载又叫非阻塞加载,浏览器在下载执行js的同时,还会继续进行后续页面的处理。主要有三种方式。

defer,异步加载,但要等dom文档全部解析完(dom树生成)才会被执行。只有IE能用;

defer属性:IE4.0就出现。defer属声明脚本中将不会有document.write和dom修改。浏览器会并行下载其他有defer属性的script。而不会阻塞页面后续处理。

defer属性的值只有defer一个,即 defer = ‘defer’,可直接写defer

注:所有的defer脚本必须保证按顺序执行的。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3