您的位置：首页 > Web前端 > JavaScript

JavaScript无阻塞加载常用的方法

2016-07-11 00:00 302 查看

一、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("");

二、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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： JavaScript

相关文章推荐

新的分享

章节导航