目的:通过js加载其他脚本
原理:动态的创建 <script> 元素
兼容:IE使用 <script> 元素的 onreadystatechange 来监控加载状态的改变,并通过判断它的 readyState 是 loaded 或 complete 来判断脚本是否加载完成。而非 IE 浏览器可以使用 onload 来直接判断脚本是否加载完成。
var HEAD = document.getElementsByTagName("head").item(0) || document.documentElement;
var scripts = "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/js/lib/jquery-1.10.2_d88366fd.js"
var script = document.createElement("script");
script.setAttribute("type","text/javascript");
//ie执行这里
script.onreadystatechange = function() {
if(this.readyState == "loaded" || this.readyState == "complete"){
alert("ie加载成功啦!");
}
}
//Opera、FF、Chrome执行这里:
script.onload = function() { alert("Opera、FF、Chrome中加载成功啦!");}
script.setAttribute("src",scripts);
HEAD.appendChild(script);