JS动态加载

/* 
 *    loadJS:动态加载js文件---方法定义
 *   
 *  js_path:动态加载js文件的路径 
 *  callback:加载完成后执行的回调函数 
*/
function loadJS(js_path,callback){
    var iHead = document.getElementsByTagName('HEAD').item(0);   
    var iScript = document.createElement("script");
    iScript.type = "text/javascript";
    
    // 兼容多浏览器:IE:onreadystatechange,其他:onload。onload、onreadystatechange、onerror都执行一个方法,所以这样写
    iScript.onload = iScript.onreadystatechange = iScript.onerror = function (){
        if (iScript && iScript.readyState && /^(?!(?:loaded|complete)$)/.test(iScript.readyState))
        {
            return;
        }
        iScript.onload = iScript.onreadystatechange = iScript.onerror = null;
        iScript.src = '';
        iScript.parentNode.removeChild(iScript);
        iScript = null;
        
        // js文件加载后,执行回调函数
        callback();
    }
    iScript.src = js_path;
    try {
        iHead.appendChild(iScript);
    } catch (exp) {
    }
}

/* 
 *    方法实现 
*/
loadJS("C:/Users/Desktop/test.js", function(){
     alert("回调函数的实现")           
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容