zoukankan      html  css  js  c++  java
  • 动态加载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");
  • 相关阅读:
    通用sqlserver分页存储过程
    JSONP解决跨域请求
    laravle框架
    XML作用
    mysql 中的常用查询
    smarty模板技术
    Cookie和Session 会话技术
    正则表达式
    Mongodb常用知识点
    PHP之PDO
  • 原文地址:https://www.cnblogs.com/dwfbenben/p/2481003.html
Copyright © 2011-2022 走看看