美文网首页
通过JS加载脚本

通过JS加载脚本

作者: 江火渔枫 | 来源:发表于2016-07-25 14:04 被阅读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

    相关文章

      网友评论

          本文标题:通过JS加载脚本

          本文链接:https://www.haomeiwen.com/subject/jjvijttx.html