在前端开发过程中，我们可能会遇到一些关于 HTML 标签的错误提示，其中最常见的一个是 "Stray start tag script"。这个错误信息通常提示我们在文档中有一个不正确的 <script> 标记，它没有被正确关闭或者嵌套了其他标签。
产生原因
这个错误信息的产生通常由以下两种情况引起：
<script>标记没有被正确地关闭在 HTML 中，所有标记都需要被正确地关闭以确保正确解析和渲染页面。如果我们没有正确地关闭
<script>标记，浏览器就会认为后续的代码都是 JavaScript 代码，并且无法正确解析 HTML 结构。示例代码：
----- -------- ---------- ------------------------------ ------
<script>标记嵌套了其他标记另一种情况是当我们将其他标记嵌套到
<script>标记内部时，也会导致这个错误的出现。因为浏览器会尝试将嵌套的标记解析为 JavaScript 代码，从而导致错误。示例代码：
----- -------- -------- ---------- --------- ------
解决方法
针对以上两种情况，我们可以采取以下解决方法：
确保
<script>标记被正确地关闭我们可以使用
</script>标记来正确地关闭<script>标记。如果在代码中需要出现字符串"</script>"，我们可以将其拆分为两个部分，以避免被浏览器误认为是标记的结束。示例代码：
----- -------- ---------- --------------------------------- ------
避免将其他标记嵌套到
<script>标记内部如果我们需要在 JavaScript 代码中包含 HTML 标记，应该考虑使用 DOM 操作或模板引擎等方法来生成相关的 HTML 代码。
示例代码：
----- -------- --- - - ---------------------------- ------------- - ------ -------- ----------------------------- --------- ------
总结
"Stray start tag script" 错误提示通常是由于 <script> 标记没有被正确地关闭或者嵌套了其他标记所导致的。为了避免这个错误，我们应该始终确保标记被正确地关闭，并且在 JavaScript 代码中避免嵌套其他标记。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28878