×
028-86922220

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

如何实现html5中的script属性及js同步和异步加载

本篇文章为大家展示了如何实现html5中的script属性及js同步和异步加载，代码简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

创新互联公司主要从事网站设计、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务永定,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

                                                           HTML5中的script属性：
script 标签在HTML5中除了具备HTML5新标准定义的属性以外，和HTML4.01相比移除了language属性，修改了type属性为可选的（默认text/javascript），并新增了一个属性async。
async :boolean, 属性的作用，定义脚本是否异步执行，取值true或false。
如果 async 设为 true ，会忽略 defer 属性。
异步执行的 js 文件被假定为不使用 document.write() 向加载中的 document 写入内容，因此不要在 异步执行的 js 文件的加载执行过程中使用 document.write()
除了 script 标签属性外，页面引入 js 文件的方式影响其加载执行方式：
任何以添加 script 节点(例如 appendChild(scriptNode) ) 的方式引入的js文件都是异步执行的 (scriptNode 需要插入document中，只创建节点和设置 src 是不会加载 js 文件的，这跟 img 的预加载不能类比 )
html文件中的';
window.onload 事件会在 js 文件加载完毕才触发(即使是异步加载)

1、 
 
2、 
 //同步加载执行xx.js中的代码 
3、 
 
4、

xx.js中有下面代码：

document.write('









2.2294s