js动态加载脚本

来源：互联网发布：淘宝如何搜索百度网盘编辑：程序博客网时间：2024/05/22 04:26

/** * 同步加载js脚本 * @param id   需要设置的<script>标签的id * @param url   js文件的相对路径或绝对路径 * @return {Boolean}   返回是否加载成功，true代表成功，false代表失败 */function loadJS(id,url){    var  xmlHttp = null;    if(window.ActiveXObject)//IE    {        try {            //IE6以及以后版本中可以使用            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");        }        catch (e) {            //IE5.5以及以后版本可以使用            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");        }    }    else if(window.XMLHttpRequest)//Firefox，Opera 8.0+，Safari，Chrome    {        xmlHttp = new XMLHttpRequest();    }    //采用同步加载    xmlHttp.open("GET",url,false);    //发送同步请求，如果浏览器为Chrome或Opera，必须发布后才能运行，不然会报错    xmlHttp.send(null);    //4代表数据发送完毕    if ( xmlHttp.readyState == 4 )    {        //0为访问的本地，200到300代表访问服务器成功，304代表没做修改访问的是缓存        if((xmlHttp.status >= 200 && xmlHttp.status <300) || xmlHttp.status == 0 || xmlHttp.status == 304)        {            var myHead = document.getElementsByTagName("HEAD").item(0);            var myScript = document.createElement( "script" );            myScript.language = "javascript";            myScript.type = "text/javascript";            myScript.id = id;            try{                //IE8以及以下不支持这种方式，需要通过text属性来设置                myScript.appendChild(document.createTextNode(xmlHttp.responseText));            }            catch (ex){                myScript.text = xmlHttp.responseText;            }            myHead.appendChild( myScript );            return true;        }        else        {            return false;        }    }    else    {        return false;    }}

调用方法：loadJS("myJS","package.js")

<html>
<head>
    <title></title>
    <script type="text/javascript">
        function init()
        {
            //加载package.js文件，设置script的id为yy
            loadJs("yy","package.js",callbackFunction);

        }
        function callbackFunction()
        {
            functionOne();
        }
        function loadJs(sid,jsurl,callback){
            var nodeHead = document.getElementsByTagName('head')[0];
            var nodeScript = null;
            if(document.getElementById(sid) == null){
                nodeScript = document.createElement('script');
                nodeScript.setAttribute('type', 'text/javascript');
                nodeScript.setAttribute('src', jsurl);
                nodeScript.setAttribute('id',sid);
                if (callback != null) {
                    nodeScript.onload = nodeScript.onreadystatechange = function(){
                        if (nodeScript.ready) {
                            return false;
                        }
                        if (!nodeScript.readyState || nodeScript.readyState == "loaded" || nodeScript.readyState == 'complete') {
                            nodeScript.ready = true;
                            callback();
                        }
                    };
                }
                nodeHead.appendChild(nodeScript);
            } else {
                if(callback != null){
                    callback();
                }
            }
        }
    </script>
</head>
<body>
    <input type="button" value="测试按钮" onclick="init()"/>
</body>
</html>

回调函数方式

来源：http://www.cnblogs.com/zhuimengdeyuanyuan/archive/2013/03/06/2946277.html