使用 DOMParser 解析的脚本不执行

Question

当我使用document.createElement 创建脚本元素并将其附加到document.head 时，JavaScript 成功执行：

var el = document.createElement('script');
el.text = "console.log('Hello World!')";
document.head.insertAdjacentElement('afterbegin', el);
// console output: "Hello World!"

但如果我使用 DOMParser 解析一个 html 字符串，然后将其 firstElementChild 附加到 document.head，则 JavaScript 不会执行：

var parser = new DOMParser();
var htmlString = "<script>console.log('Bye World!')<\/script>";
var domEl = parser.parseFromString(htmlString, "text/xml").firstElementChild;
document.head.insertAdjacentElement('afterbegin', domEl);
// No console output

在这两种情况下，document.head 都会添加一个 <script> 标记。为什么 JavaScript 在第二种情况下不执行？

Answer 1

因为DOMParser 标记script 元素使其不会运行，因为DOMParser 解析text/xml（和其他）并禁用脚本（spec）。是否应该运行脚本是与script 元素关联的一条状态信息，这就是为什么它不会运行脚本两次：

var el = document.createElement('script');
el.text = "console.log('Hello World!')";
document.head.insertAdjacentElement('afterbegin', el);
document.head.removeChild(el);
document.head.appendChild(el);