JavaScript无阻塞加载经常使用的方法

1、XHR Injection

使用动态建立script元素，来写入脚本

 

例如

var xhrObj = new XMLHttpRequest();
xhrObj.onreadystatechange = function(){
    if(xhrObj.readyState == 4){
        var scriptElem = document.createElement("script");
        document.getElementsByTagName("head")[0].appendChild(scriptElem);
        scriptElem.text = xhrObj.responseText;
    }
};
xhrObj.open("GET", "A.js", true);
xhrObj.send("");

 

 

2、Script DOM Element

利用动态插入script元素来让脚本读取、生效，此方式支持跨域

 

例如

 

var scriptElem = document.createElement("script");
scriptElem.src = "A.js";
document.getElementByTagName("head")[0].appendChild(scriptElem);

 

 

参考资料：JavaScript无阻塞加载经常使用的方法  http://www.studyofnet.com/news/1245.html