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

jquery动态加载js文件详解

php中世界最好的语言
Lepaskan: 2018-04-23 14:14:59
asal
1722 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!

Label berkaitan:
sumber:php.cn
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