Heim >Web-Frontend >js-Tutorial >jquery dynamisches Laden von js/css-Dateimethoden (selbst geschriebene kleine Funktion)_jquery

jquery dynamisches Laden von js/css-Dateimethoden (selbst geschriebene kleine Funktion)_jquery

WBOY
WBOYOriginal
2016-05-16 16:34:061464Durchsuche

Sehen wir uns zunächst die getSrscript-Datei an, die mit jquery geliefert wird

Methode

$.getScript(url,callback)

Beispiel

Code kopieren Der Code lautet wie folgt:

var testVar = 'Neues JS geladen!';
alarm(testVar); function newFun(dynParam) {
warning('Sie haben gerade ' dynParam ' als Parameter übergeben.');
}

Dynamische Aufrufmethode

Code kopieren Der Code lautet wie folgt:



Das Obige kann nur JS-Code dynamisch laden, aber kein CSS. Später habe ich ein Programm geschrieben, das JS und CSS laden kann.

Der Code lautet wie folgt

Code kopieren Der Code lautet wie folgt:

$.extend({
includePath: '',
include: Funktion(Datei)
{
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) document.write("<" tag attr link ">");
}
}
});
$.include(['hdivbox.js','pop_win.css']);
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn