Comment introduire des fichiers externes CSS dans js

Comment introduire des fichiers externes CSS dans js : écrivez-le comme une fonction personnalisée, l'url est le chemin du fichier et peut être appelé par les futurs éléments. Le code est [var script = document.createElement('script'. )].

• Cette méthode convient à toutes les marques d'ordinateurs
  

Méthode js pour introduire des fichiers externes CSS :

Écrivez-le en tant que fonction personnalisée (l'URL est le chemin du fichier) pour les appels d'éléments suivants :

//加载外部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("文件路径");  //自动调用函数;

Remarque :

js Que le fichier de script soit placé dans la balise head ou dans la balise body peut être sélectionné en fonction des besoins de développement

Les principaux points de connaissances utilisés sont : la création d'éléments et l'ajout d'éléments

document.createElement("元素名称");

document.createElement("元素名称");

En fait, les méthodes d'introduction de fichiers de script js externes ou de styles CSS externes sont similaires.

Les fichiers CSS importés en externe ne peuvent être placés que dans la balise head, tandis que js peut être placé dans la balise head, dans la balise body ou à l'extérieur de la balise html.

Recommandations d'apprentissage associées : Tutoriel vidéo js(gratuit)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!