javascript - 使用 document.head.appendChild() 附加具有 SRC 属性的脚本标签？

Question

以下代码不起作用的原因是什么？

alert("1");
document.head.appendChild("<script type=\"text/javascript\" src=\"https://getfirebug.com/firebug-lite.js\"></script>");
alert("2");

(我知道它正在中断，因为 1 被警告但 2 没有。)

完成同一件事的正确方法是什么？即，将脚本标记附加到文档头，其中标记使用 SRC 属性获取 .js 文件。我不希望它内联编写 javascript。

谢谢!

Answer 1

element.appendChild 需要一个节点而不是一个字符串。您应该首先创建节点并设置属性，然后附加它。

element.appendChild Reference

var sc = document.createElement("script");
sc.setAttribute("src", "https://getfirebug.com/firebug-lite.js");
sc.setAttribute("type", "text/javascript");
document.head.appendChild(sc);

对于不支持 document.head 的旧版浏览器(IE < 9 等)

document.getElementsByTagName("head")[0].appendChild(sc);