首页 >web前端 >js教程 >jquery动态加载js文件详解

jquery动态加载js文件详解

php中世界最好的语言
php中世界最好的语言原创
2018-04-23 14:14:591731浏览

这次给大家带来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(&#39;.&#39;);
            var ext = att[att.length - 1].toLowerCase();
            var isCSS = ext == "css";
            var tag = isCSS ? "link" : "script";
            var attr = isCSS ? " type=&#39;text/css&#39; rel=&#39;stylesheet&#39; " : " language=&#39;
javascript
&#39; type=&#39;text/javascript&#39; ";
            var link = (isCSS ? "href" : "src") + "=&#39;" + $.includePath + name + "&#39;";
            if ($(tag + "[" + link + "]").length == 0) $("body").append("<" + tag + attr + link + "></" + tag + ">");
        }
   }
});
//使用方法
$.includePath = &#39;../js/Exam&#39;; 
$.include([&#39;/AddQuestion.js&#39;]);

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

推荐阅读:

jQuery怎么读取XML文件内容

JQuery+AJAX实现文件下载

以上是jquery动态加载js文件详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn