Maison > interface Web > js tutoriel > Comment implémenter l'insertion dynamique JS de scripts et l'insertion de scripts de liens externes référencés

Comment implémenter l'insertion dynamique JS de scripts et l'insertion de scripts de liens externes référencés

php中世界最好的语言
Libérer: 2018-05-28 14:15:46
original
2332 Les gens l'ont consulté

Cette fois, je vais vous montrer comment insérer dynamiquement des scripts JS et insérer des scripts de liens externes référencés. Quelles sont les précautions pour réaliser l'insertion dynamique de scripts JS et l'insertion de scripts de liens externes référencés. cas. Jetons un coup d’oeil.

Qu'est-ce qu'un script js inséré dynamiquement ?

fait référence à un script qui n'existe pas au chargement de la page, mais qui peut être modifié. à un moment donné dans le futur. DOM a ajouté dynamiquement un script. Identique à travailler avec des éléments HTML.

js Il existe également deux façons d'insérer dynamiquement des scripts : insérer du code JavaScript et insérer des fichiers externes.

1. Insérez directement le code javascript

<script type="text/javascript">
function sayHi() {
 alert("hi");
}
</script>
Copier après la connexion

Logiquement, le code DOM suivant est valide :

var script = document.createElement("script");
script.type = "text/javascript";
script.appendChild(document.createTextNode("function sayHi() {alert('hi');}"));
document.body.appendChild(script);
Copier après la connexion

Ces codes DOM fonctionnent correctement dans Firefox, Safari, Chrome et Opera. Mais dans IE, cela provoque une erreur. IE traite

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal