腳本標記內的div引發異常-為什么

Question

我正在嘗試使用jQuery將模板插入DOM，但它給我錯誤Uncaught SyntaxError: Unexpected token < 。 為什么這樣？

工作正常：

$('body').children().last().after('<div></div>');

引發異常：

$('body').children().last().after('<script><div></div></script>');

Answer 1

因為<div></div>是無效的JavaScript。 jQuery試圖使用<div></div>的innerHTML生成<script>元素。

請注意，您的方法可能是錯誤的。 請參閱什么是XY問題？

如果要使用text/template模板，則必須將其包括在<script>元素的屬性中：

$('body').children().last().after('<script type="text/template"><div></div></script>');