Maison > interface Web > js tutoriel > le corps du texte

Quel est l'impact de la fermeture des balises de script dans les citations de chaînes en JavaScript ?

Barbara Streisand
Libérer: 2024-10-24 14:21:02
original
671 Les gens l'ont consulté

What is the Impact of Closing Script Tags within String Quotations in JavaScript?

Balise de script dans une chaîne JavaScript : un piège courant

De nombreux développeurs rencontrent un comportement inattendu en JavaScript lorsqu'une balise de script de fermeture "" apparaît dans une chaîne entre guillemets. Cela peut entraîner l'arrêt prématuré du script.

Le nœud du problème réside dans l'analyseur HTML du navigateur. Lorsqu'il rencontre la balise de script de fermeture à l'intérieur de la chaîne, il l'interprète à tort comme la fin de l'élément de script.

Considérez l'exemple de couleur syntaxique suivant :

<code class="js"><script>
var test = 'foo... </script> bar.....';
</script></code>
Copier après la connexion

Remarquez comment "bar" est traité comme du contenu textuel en dehors de l'élément de script, provoquant la fin abrupte du script.

Pour résoudre ce problème, il est courant d'utiliser la concaténation de chaînes, comme indiqué ci-dessous :

<code class="js">var test = '...... </scr' + 'ipt>......';</code>
Copier après la connexion

Par en divisant la balise de script de fermeture en ses composants, le navigateur analyse correctement la chaîne sans la confondre avec la fin de l'élément de script. Cela garantit que le script continue de s'exécuter comme prévu.

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!

source:php
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal