为什么 <script> 块不能包含一个字符串常量，其中包含单词“</script>”？ [复制]

Question

好吧，这纯粹是出于好奇：我希望以下标记在 HTML 文档中有效：

<script>
  var test = "<script>why?
</script>";
</script>

但不会：这会导致“未终止的字符串常量”错误，即第一次出现 </script> 会终止块，即使它用引号括起来。

有人可以解释为什么会发生这种情况（感谢规范的链接：）？

Answer 1

您只需要转义 / 字符。

<script>
 var test = "<script>why?<\/script>";
</script>

Answer 2

HTML 解析器对 JavaScript 一无所知。它不知道第一个 </script> 在字符串文字中。它所看到的只是第一个</script>，并认为这会关闭块。

这是一个可能更相关的 JavaScript 示例：

var foo = "He said: "Let's go!"";

JavaScript 解析器对人类对话的文本表示一无所知（例如，我们通常将“语音”放在引号中）。它所看到的只是第二个引号，并认为这终止了字符串文字。但这不是我们想要的，所以我们必须通过转义内部引号来帮助解析器。

相关：Why split the <script> tag when writing it with document.write()?

Answer 3

HTML 引擎和 JavaScript 引擎是两个不同的东西。首先，HTML 引擎解析文档。然后它将 JavaScript 代码块传递给 JavaScript 引擎。 （还有 CSS 代码到 CSS 引擎等等。）

由于 HTML 不知道 JavaScript 语法，它会将结束标记视为整体内容的一部分，并愉快地将标记的内容传递给 JavaScript 引擎：

<script>
    var test = "<script>why?
</script>

---

更具体地说，如果您遵循以here 开头的解析规则...

1. 第一个<script> 将我们置于“脚本数据状态”
2. 我们一直呆在那里直到第一个 < 进入“脚本数据小于符号状态”
3. 我们遇到了s，我们返回到“脚本数据状态”
4. 一些字符之后，我们遇到另一个<，我们进入“脚本数据小于号状态”
5. 然后我们遇到一个/，在这里我们进入“脚本数据结束标签打开状态”
6. 等

您可以继续遵循规范，但基本上它描述了 HTML 引擎如何将每个字符解析为 HTML 语法的分步详细信息，无论我们如何直观地解释这些字符。