jquery - 将脚本添加到 head 标签

Question

可能重复：
如何在页面加载后通过 jQuery 动态插入 <script> 标签？

我有这个代码

var scri = "<script type=\"text/javascript\">var _gaq = _gaq || []; _gaq.push(['setAccount','UA-22xxxxx3-15']); _gax.push(['_trackPageview']); <\/script>";
document.getElementsByTagName("script")[23].add(scri);
console.log(scri);

我想将该元素附加到文档的开头，我尝试了 .append() .text() .add() 和许多其他方法，但我总是出错。最后一个是

Uncaught TypeError: Object #<HTMLScriptElement> has no method 'add'

知道如何将其附加到头部元素吗？

Answer 1

您应该使用document.createElementand .appendChild()：

var script = document.createElement("script");
script.innerHTML = "alert(\"This is the truth.\");";
document.head.appendChild(script);

Answer 2

为什么要将内联脚本附加到 HEAD 标记？没有必要这样做。如果您想通过 URL 加载远程脚本文件，附加到 HEAD 标记很有用，但在您的情况下不需要或没有用。

要在您的 JS 代码想要运行的地方执行一些内联​​代码，只需像这样执行您的代码：

var _gaq = _gaq || []; 
_gaq.push(['setAccount','UA-22xxxxx3-15']);
_gaq.push(['_trackPageview']);