Maison  >  Article  >  interface Web  >  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中世界最好的语言
php中世界最好的语言original
2018-05-28 14:15:462274parcourir

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>

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);

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