script的async属性以非阻塞的模式加载脚本_javascript技巧

//defer



2.async和defer的区别：
带有async或者defer的script都会立刻下载并不阻塞页面解析,而且都提供一个可选的onload事件处理, 在script下载完成后调用,用于做一些和此script相关的初始化工作。它的不同之处在于async一旦下载完成就立即执行（在window.onload事件之前），不确保执行的顺序，而defer能确保js是在按照其在页面中的顺序执行（在DOMContentLoaded事件之前）。
3.为了解决浏览器兼容问题可以使用下面的代码进行处理
代码如下:
function lazyload() {
var elem = document.createElement("script");
elem.type = "text/javascript";
elem.async = true;
elem.src = "js/dquery.js?v=11"; //对应的JS文件
document.body.appendChild(elem);
}

if (window.addEventListener) {
window.addEventListener("load", lazyload, false);
} else if (window.attachEvent) {
window.attachEvent("onload", lazyload);
} else {
window.onload = lazyload;}

由于是异步加载所以使用相应js内容就需要在window.onload事件中使用，直接写在页面中会报脚本错误，如：