javascript - 脚本类型模板包含脚本标签

Question

脚本类型文本/模板包含脚本标签，忽略闭合脚本标签。以下是我的示例代码html

<div id="container">
</div>

<script id="template" type="text/template">
    <script>
        (function () {
            alert('@Replacement')
        }());
    </script>
</script>

JS

var template = $("#template").html();
template = template.replace("Replacement", "Hi");
$('#container').text(template);

我希望在运行 javascript 之后页面上显示

<script>
    (function () {
        alert('@Replacement')
    }());
</script>

但结果被忽略，如下:

<script>
    (function () {
        alert('@Replacement')
    }());

Answer 1

脚本标记的内容被视为纯文本。

所以<script>里面的开始标签被视为文本，第一个 </script>结束标记被视为脚本元素的结束。

第二个</script>然后结束标记被丢弃，因为没有匹配的打开脚本元素。

<小时/>

使用 <script>元素作为保存模板的地方是一种肮脏的黑客行为。您刚刚找到了一个突破点。

考虑使用 <template> element反而。请注意浏览器支持。