如何解析<script type="text/template">...</script>中的 <script>?

Question

<script id="tpl" type="text/template">
<script>alert(1)</script>
</script>
<script>
console.log($("#tpl").html());
</script>

output: <script>alert(1)
以上少了结尾的</script> 不换方法应该如何解决？

Answer 1

看起来是#tpl的<script>和alert(1)后面的</script>配对了，所以输出少了结尾</script> 。
而且，从elements中，可以明显看到第三行的</script>是被忽略掉了。

script嵌套 script 没用，浏览器不能够正确识别，即便浏览器能够正确识别，也不会工作。

至于这个问题，请看链接，和你这问题类似。