</script>在一個JavaScript字符串中<script> tag

Question

我有一個應用程序，可以將各種東西生成到放在頁面上的JavaScript字符串中。 我以為所有轉義都可以，但是后來我遇到了一個奇怪的問題，我無法真正找到原因：

這在HTML頁面中不合法嗎：

<script type="text/javascript">
    alert("hello </script>");
</script>

“法律”是指它會使用hello </script>發出警報。

顯然，至少在我的盒子上，moz和chrome都切斷了警報字符串</script>部分之后的</script> ，沒有產生警報並且輸出混亂。 有沒有人碰到這個，這是瀏覽器錯誤嗎？

Answer 1

HTML將其解析為：

<script type="text/javascript">
    alert("hello 
</script>
");
</script>

首次出現</script>關閉打開的<script>元素。 避免此問題的常見方法是在字符串的/字符之前包含一個\\ ：

<script type="text/javascript">
    alert("hello <\/script>");
</script>

之所以起作用，是因為\\轉義字符將阻止瀏覽器將<\\/script>識別為結束標記。 通常， \\用作JavaScript字符串中的轉義序列，但是由於沒有\\/序列，轉義字符將被忽略，並且字符串的值為'</script'> 。

如果您遵循將所有JavaScript保留在外部.js文件中的良好做法，通常可以避免此問題。 也就是說，常見的是，這種轉義用於無響應CDN的本地腳本回退 。

Answer 2

<script type="text/javascript">
    alert('hello <'+'/script>');
</script>

<script type="text/javascript">
    alert('hello <\/script>');
</script>

Answer 3

你應該喜歡

<script type="text/javascript">
// <![CDATA[
    alert('hello </script>');
// ]]>
</script>

為了防止解析。