Home >Web Front-end >JS Tutorial >How to dynamically load js files using jquery_jquery

How to dynamically load js files using jquery_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 16:24:411047browse

The method is very simple, I won’t go into too much nonsense here, just give you the code:

Copy code The code is as follows:

$.extend({
IncludePath: '',
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 ">");
}
}
});

//How to use
$.includePath = '../js/Exam';
$.include(['/AddQuestion.js']);

If you have any questions, please leave a message below and we can make progress together.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn