通过JS加载脚本

2016-07-25  本文已影响37人  江火渔枫

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

上一篇 下一篇

猜你喜欢

热点阅读