网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 JS加载器如何动态加载外部js文件
内容
    这篇文章主要介绍了JS加载器如何动态加载外部js文件的相关资料,需要的朋友可以参考下
    可以动态加载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')[].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-...js",function(){
    alert("动态加载的是jquery-...js");
    $(function(){
    alert("jquery-...js动态加载完成之后做的处理操作");
    });
    });
    }else{
    MiniSite.JsLoader.load("js/jquery-...js",function(){
    alert("动态加载的是jquery-...js");
    $(function(){
    alert("jquery-...js动态加载完成之后做的处理操作");
    });
    });
    }
    </script>
    </head>
    <body>
    </body>
    </html>
    测试结果如下:
    名单
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/18 8:39:23