JavaScript の文字列引用符内でスクリプト タグを閉じるとどのような影響がありますか?

JavaScript 文字列のスクリプト タグ: よくある落とし穴

多くの開発者は、終了スクリプト タグ "」引用符で囲まれた文字列内に表示されます。これにより、スクリプトが途中で終了する可能性があります。

問題の核心はブラウザの HTML パーサーにあります。文字列内で終了スクリプト タグが見つかると、スクリプト要素の終わりとして誤って解釈されます。

次の構文の色分けされた例を考えてみましょう。

<code class="js"><script>
var test = 'foo... </script> bar.....';
</script></p>
<p>「bar」がどのように表示されるかに注目してください。スクリプト要素の外側のテキスト コンテンツとして扱われるため、スクリプトが突然終了します。</p>
<p>この問題を解決するには、以下に示すように文字列連結を使用するのが一般的です。</p>
<pre class="brush:php;toolbar:false"><code class="js">var test = '...... </scr' + 'ipt>......';</code>

Byスクリプト終了タグをコンポーネント部分に分割すると、ブラウザは文字列をスクリプト要素の終わりと混同することなく正しく解析します。これにより、スクリプトは意図したとおりに実行され続けることが保証されます。

以上がJavaScript の文字列引用符内でスクリプト タグを閉じるとどのような影響がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。