jquery appendTo 删除 javascript 脚本标签答案

【问题标题】：jquery appendTo removes javascript script tagsjquery appendTo 删除 javascript 脚本标签
【发布时间】：2009-12-08 17:31:55
【问题描述】：

var testdiv = '<div id="hello"><p>hiii</p>
               <script type="text/javascript">some javascript functions</script>
               </div>';
$(testdiv).appendTo(document.body);

上面的代码运行后，添加的div缺少javascript，即

这是 appendTo 的已知问题吗？

【问题讨论】：

所以唯一添加的是'
'？
不。它添加了
hiii

标签： jquery append

【解决方案1】：

您可能需要删除<script> 标签。这有效：

var testdiv = '<div id="hello"><p>hiii</p><scr'+'ipt type="text/javascript">console.log("buu")</scr'+'ipt></div>';
$(testdiv).appendTo(document.body);

【讨论】：

我不确定我能做到这一点.. 因为我有完整的内容。

【解决方案2】：

var testdiv = '<div id="hello"><p>hiii</p><script type="text/javascript">alert(\'foo\')</script></div>';
$(testdiv).appendTo(document.body);

我用警报替换了“一些 javascript”，它对我来说很好用。请注意，我必须转义我在字符串中使用的引号，可能就是这样。

我同意 joscottclark 关于 getScript() 的看法。确实有更好的方法来包含和执行额外的脚本。

【讨论】：