通过JS加载脚本

目的:通过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);

参考 http://www.cnblogs.com/w-y-f/p/3469211.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容