JavaScript dans les balises de script externes : un dilemme de source Lors de l'utilisation de balises de script externes avec le syntaxe, il est important de comprendre leurs limites. Toute tentative d'intégration de JavaScript directement dans ces balises, comme dans l'exemple ci-dessous, entraîne un comportement inattendu :</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><script src="myFile.js"> alert("This is a test"); Ce code ne fonctionne pas car les balises de script externes sont conçues pour charger du code JavaScript à partir d'une source spécifiée. Ils ne permettent pas l'exécution en ligne de JavaScript. Pour résoudre ce problème, nous devons créer un balises pour tout code JavaScript que nous souhaitons exécuter sur la page elle-même :</p> <pre><code class="html"><script> alert("This is a test"); Copier après la connexion L'exemple suivant illustre un scénario courant dans lequel nous pourrions rencontrer ce défi : addScript("script/obj.js"); addScript("script/home/login.js"); Copier après la connexion Ici, nous essayons pour ajouter plusieurs scripts au DOM à l'aide de la fonction addScript à partir d'un fichier externe, mais cette approche échoue. Pour exécuter la fonction addScript et charger dynamiquement des scripts, nous devons créer un fichier tag :</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><script> addScript("script/obj.js"); addScript("script/home/login.js"); Copier après la connexion La raison de ce comportement réside dans le fait que les balises de script externes chargent un script à la fois. Tente d'inclure à la fois des scripts en ligne et externes dans le même La balise entraîne l'ignorance du script en ligne. Pour exécuter plusieurs scripts sur une page, il est nécessaire de créer des scripts <script> balises pour chaque script.</p> <p>Il convient de noter que bien que le contenu du <script> tags est ignoré lorsqu'il est utilisé conjointement avec des scripts externes, vous pouvez stocker des données dans ces balises en utilisant des attributs tels que data-*. Cette approche peut être avantageuse pour certains scénarios, mais l'utilisation des attributs data-* est généralement considérée comme une solution plus propre.</p>