动态加载JS(转)

http://haidii.iteye.com/blog/495992

/*动态导入js文件*/  
function importJS(src) {   
    /*  
     * fpath = fpath.replace(/\./g,'\/'); document.write('<script  
     * type="text/javascript" src="'+ fpath + '.js"></script>');  
     */  
    src=src.replace(/\./g,'\/'); 
    if(src.lastIndexOf(".js")!=(src.length-2) && src.lastIndexOf(".JS")!=(src.length-2))
        jpath=src+'.js';
    else
        jpath=src;   
    var headerDom = document.getElementsByTagName('head').item(0);   
    var jsDom = document.createElement('script');   
    jsDom.type = 'text/javascript';   
    jsDom.src = jpath;   
    headerDom.appendChild(jsDom);   
}

 

使用方法也很简单了,直接在要加载js的地方调用就可以了

importJS("jquery.js"); 

当然,也可以使用JSLoader,用法如下:

//添加jquery支持
JSLoader.loadJavaScript("/js/ext/adapter/jquery/jquery.js");
JSLoader.loadJavaScript("/js/jquery.cookie.js");
JSLoader.loadJavaScript("/js/ext/adapter/jquery/ext-jquery-adapter.js");
//Ext支持
JSLoader.loadStyleSheet("/js/ext/resources/css/ext-all.css");
JSLoader.loadJavaScript("/js/ext/ext-base.js");
JSLoader.loadJavaScript("/js/ext/ext-all.js");
JSLoader.loadJavaScript("/js/ext/ext-lang-zh_CN.js");
//加载自定义toolbar图标css样式
JSLoader.loadStyleSheet("/js/ext/plugins/icon/css/ext-extend.css");
//加载用户超时,异常处理
JSLoader.loadJavaScript("/js/extajax.js");
//主题管理
JSLoader.loadJavaScript("/js/exttheme.js");
//Excel导出支持
JSLoader.loadJavaScript("/js/ext.excel.js");
原文地址:https://www.cnblogs.com/dwfbenben/p/2481003.html