Rumah > hujung hadapan web > tutorial js > jquery动态加载js文件详解

jquery动态加载js文件详解

php中世界最好的语言
Lepaskan: 2018-04-23 14:14:59
asal
1840 orang telah melayarinya

这次给大家带来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;]);
Salin selepas log masuk

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

推荐阅读:

jQuery怎么读取XML文件内容

JQuery+AJAX实现文件下载

Atas ialah kandungan terperinci jquery动态加载js文件详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan