我正在尝试将脚本添加到页面的 head 标记中。我看到我试图在 body 标记中添加的代码，但它没有显示在 head 标记中。
$(document).load(function() {
$('<script>console.log("hi");</' + 'script>').appendTo("head")
});
我在<body> 中看到它被添加，但我在<head> 中没有看到它。
我尝试了 append、appendTo 和 document.ready 以及 document.load 函数的变体。到目前为止，这些都没有奏效。
在发布之前，我浏览了多个类似的主题。我似乎没有解决我的问题
【问题讨论】：
标签： javascript jquery head
您可能需要做的一件事是将</ 转义为<\/
如果它是一个内联脚本，也许你可以尝试向它添加一个 setTimeout。
【讨论】：
试试下面的函数：
(function (src) {
var tagName = 'script', script = document.createElement(tagName);
script.src = src;
var elm = document.getElementsByTagName(tagName)[0];
elm.parentNode.insertBefore(script, elm);
})('SCRIPT.SRC.HERE.js');
这将创建一个动态的script 标记并将其添加到第一个script 标记之前。虽然如果您的head 中没有任何script 标签，它不会以您想要的方式工作。在这种情况下，您可以使用以下函数：
(function (src) {
var tagName = 'script', script = document.createElement(tagName);
script.src = src;
var head = document.getElementsByTagName('head')[0];
head.insertBefore(script, head.childNodes[0]);
})('SCRIPT.SRC.HERE.js');
这将直接获取head 标记内的第一个元素，并将新脚本附加到它之前。
【讨论】：
document.head.appendChild(script);
document 不会触发“加载”事件 - 或者如果触发，它是来自其他加载（如另一个脚本或图像文件）的冒泡事件。尝试将document 更改为window：
http://jsfiddle.net/5bhmwyrx/3/
$(window).load(function() {
var script = $('<script>console.log("hi");</' + 'script>').appendTo(document.head);
console.log("Script was appended to", script[0].parentNode.nodeName);
//-> Script was appended to HEAD
});
$(document).load(function() {
console.log("You should never see this");
});
document.onload = function () {
console.log("You should not see this in modern browsers");
};
【讨论】：
document.onload = function () { console.log("document onload event"); }; 不记录任何内容（在当前浏览器中）。那太老了，它甚至不再在浏览器中实现，并且是 <body onload=""> 的 JS api - 超级超级老派。