So führen Sie externe CSS-Dateien in js ein

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!