使用js加载器动态加载外部Javascript文件

最新推荐文章于 2024-06-17 17:10:14 发布

改变ing

最新推荐文章于 2024-06-17 17:10:14 发布

阅读量2k

点赞数

分类专栏： Java Web javascript

Java Web 同时被 2 个专栏收录

31 篇文章 1 订阅

订阅专栏

javascript

3 篇文章 0 订阅

订阅专栏

参考：https://www.cnblogs.com/xdp-gacl/p/3927417.html

今天在网上找到了一个可以动态加载js文件的js加载器，具体代码如下：

JsLoader.js

var MiniSite=new Object();
/**
 * 判断浏览器
 */
MiniSite.Browser={   
    ie:/msie/.test(window.navigator.userAgent.toLowerCase()),   
    moz:/gecko/.test(window.navigator.userAgent.toLowerCase()),   
    opera:/opera/.test(window.navigator.userAgent.toLowerCase()),   
    safari:/safari/.test(window.navigator.userAgent.toLowerCase())   
};
/**
 * JsLoader对象用来加载外部的js文件
 */
MiniSite.JsLoader={
    /**
     * 加载外部的js文件
     * @param sUrl 要加载的js的url地址
     * @fCallback js加载完成之后的处理函数
     */
    load:function(sUrl,fCallback){   
        var _script=document.createElement('script');   
        _script.setAttribute('charset','gbk');   
        _script.setAttribute('type','text/javascript');   
        _script.setAttribute('src',sUrl);   
        document.getElementsByTagName('head')[0].appendChild(_script);   
        if(MiniSite.Browser.ie){   
            _script.onreadystatechange=function(){   
                if(this.readyState=='loaded'||this.readyStaate=='complete'){ 
                    //fCallback();
                    if(fCallback!=undefined){
                         fCallback(); 
                    }
                     
                }   
            };   
        }else if(MiniSite.Browser.moz){   
            _script.onload=function(){   
                //fCallback(); 
                if(fCallback!=undefined){
                        fCallback(); 
                }
            };   
        }else{   
            //fCallback();
            if(fCallback!=undefined){
                    fCallback(); 
            }
        }   
    }   
};

JsLoader.js测试

<!DOCTYPE HTML>
<html>
  <head>
  <!--引入js加载器  -->
   <script type="text/javascript" src="js/JsLoader.js"></script>
    <title>JsLoaderTest.html</title>
    <script type="text/javascript">
        if(MiniSite.Browser.ie){
            //动态加载Js
            MiniSite.JsLoader.load("js/jquery-1.9.1.js",function(){
                alert("动态加载的是jquery-1.9.1.js");
                $(function(){
                    alert("jquery-1.9.1.js动态加载完成之后做的处理操作");
                });
            });   
        }else{
            MiniSite.JsLoader.load("js/jquery-2.0.3.js",function(){
                alert("动态加载的是jquery-2.0.3.js");
                $(function(){
                    alert("jquery-2.0.3.js动态加载完成之后做的处理操作");
                });
            });
        }
    </script>
  </head>
  
  <body>
   
  </body>
</html>

测试结果如下：

IE浏览器下测试结果：

google浏览器下的测试结果：

改变ing

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用js加载器动态加载外部Javascript文件

参考：https://www.cnblogs.com/xdp-gacl/p/3927417.html 今天在网上找到了一个可以动态加载js文件的js加载器，具体代码如下：JsLoader.jsvar MiniSite=new Object();/** * 判断浏览器 */MiniSite.Browser={ ie:/msie/.test(window.navig...
复制链接

扫一扫

专栏目录