javascript - 使用 jQuery 复制(例如通过加载或查找)包含内联脚本的 HTML 标记 - 如何实现？

Question

我想裁剪包含 Inline-JavaScript 的 HTML 标记的一部分。

例子:

<div id="foo">
   <div id="bar">
      <script>
         ..some function..
      </script>
      <p>...</p>
   </div>
</div>

使用 jQuery 函数 find() 和 load()，您无法使用 JS-Snippet include 复制整个标记。结果如下:

<div id="foo">
   <div id="bar">
      <p>...</p>
   </div>
</div>

脚本被剥离。在 jQuery 社区中，他们说它应该是这样的，因为存在脚本注入(inject)的风险。

但是怎么可能实现这一点呢？

最美好的祝愿克里斯

Answer 1

这与 html() 处的脚本注入(inject)无关- 阅读时间，这与浏览器在编写时发生的情况不一致有关 <script>进入innerHTML , 在 html(value) -写作时间。

这在浏览器中是非常不可靠的，这就是为什么 jQuery 试图拉出脚本并单独执行它们，避免将它们写入文档，因为这会产生不可预测的后遗症。

你应该避免处理 script元素节点或带有 <script> 的 HTML 标记in. 你想在这里做什么？