当前位置:Gxlcms > JavaScript > jquery动态加载js文件详解

jquery动态加载js文件详解

时间:2021-07-01 10:21:17 帮助过:5人阅读

这次给大家带来jquery动态加载js文件详解,jquery动态加载js文件的注意事项有哪些,下面就是实战案例,一起来看一下。

$.extend({
     
include
Path: '',
     include: function(file) {
        var files = typeof file == "string" ? [file]:file;
        for (var i = 0; i < files.length; i++) {
            var name = files[i].replace(/^\s|\s$/g, "");
            var att = name.split('.');
            var ext = att[att.length - 1].toLowerCase();
            var isCSS = ext == "css";
            var tag = isCSS ? "link" : "script";
            var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='
javascript
' type='text/javascript' ";
            var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'";
            if ($(tag + "[" + link + "]").length == 0) $("body").append("<" + tag + attr + link + "></" + tag + ">");
        }
   }
});
//使用方法
$.includePath = '../js/Exam'; 
$.include(['/AddQuestion.js']);

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

jQuery怎么读取XML文件内容

JQuery+AJAX实现文件下载

以上就是jquery动态加载js文件详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行