html5中的script属性及js同步和异步加载实现代码详解-

HTML5中的script属性：script标签在HTML5中除了具备HTML5新规范定义的属性之外，和HTML4.01比拟移除了language属性，修改了type属性为可选的（默许textjavascript），并新增了一个属性async。async:boolean,属性的作用，定义足本可否异步施行，取值true或false。要是async设为true，会忽略defer属性。 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文件中的《script》标签中的代码或src援用的js文件中的代码是同步加载和施行的
html文件中的《script》标签中的代码运用document.write()方式引入的js文件是异步施行的
html文件中的《script》标签src属性所援用的js文件的代码内再运用document.write()方式引入的js文件是同步施行的
运用 Image 对象异步预加载 js 文件(不会被施行)

不要运用相似下面这种做法，这样并不会发起加载 js 文件的要求：
pNode.innerHTML = '