为什么 html() 执行 JavaScript，而 innerHTML 不执行？

Question

为什么会执行<script>:

$('#jq_script').html("<script>$('#test').text('test');<\/script>");

但这不是吗？

document.getElementById('js_script').innerHTML = "<script>$('#test').text('test');<\/script>";

您可以看到它的实际效果here

来自 jQuery 关于.html() 的文档：

此方法使用浏览器的 innerHTML 属性。某些浏览器可能不会返回与原始文档中的 HTML 源完全相同的 HTML。例如，如果属性值仅包含字母数字字符，Internet Explorer 有时会省略它们的引号。

Answer 1

html 是一个 jQuery 函数。 innerHTML 是一个非标准（但得到很好的支持）属性。

如果您查看代码，您会看到 .html() 解析脚本，而 evals 解析它们。

---

在源代码中找到它：

找到html 声明：https://github.com/jquery/jquery/blob/1.11.0/src/manipulation.js#L564-604

看看.append。 append 依次调用 DomManip[ulate] 来解析和 eval 脚本。

DomManip[ulate]:https://github.com/jquery/jquery/blob/1.11.0/src/manipulation.js#L684-709中的相关位