So führen Sie externe CSS-Dateien in js ein: Schreiben Sie sie als benutzerdefinierte Funktion. Die URL ist der Dateipfad und kann von zukünftigen Elementen aufgerufen werden. Der Code lautet [var script = document.createElement('script')].
Diese Methode ist für alle Computermarken geeignet.
JS-Methode zum Einführen externer CSS-Dateien:
Schreiben Sie sie als benutzerdefinierte Funktion (URL ist der Dateipfad) für spätere Elemente Aufruf:
//加载外部css文件
function dynamicLoadCss(url) {
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.type='text/css';
link.rel = 'stylesheet';
link.href = url;
head.appendChild(link);
}
dynamicLoadCss("文件路径"); //自动调用函数;
//加载外部js文件
function dynamicLoadJs(url) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type='text/jajvascript';
script.href = url;
head.appendChild(script);
}
dynamicLoadCss("文件路径"); //自动调用函数;Hinweis:
Ob die JS-Skriptdatei im Head-Tag oder im Body-Tag platziert wird, können Sie entsprechend den Entwicklungsanforderungen auswählen.
Die wichtigsten verwendeten Wissenspunkte sind: die Erstellung von Elementen und das Hinzufügen von Elementen
document.createElement("元素名称");document.createElement("元素名称");Tatsächlich sind die Methoden zum externen Einführen von JS-Skriptdateien oder externen CSS-Stilen ähnlich.
Es ist nur so, dass extern importierte CSS-Dateien nur innerhalb des Head-Tags platziert werden können, während JS-Dateien innerhalb des Head-Tags, innerhalb des Body-Tags oder außerhalb des HTML-Tags platziert werden können.
Verwandte Lernempfehlungen: JS-Video-Tutorial (kostenlos)
Das obige ist der detaillierte Inhalt vonSo führen Sie externe CSS-Dateien in js ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
