如何使用 JavaScript 将脚本、链接和元标记附加到头部？

Posted 2023-05-07

【中文标题】如何使用 JavaScript 将脚本、链接和元标记附加到头部？

【英文标题】：How to append script, link, and meta tags onto head using JavaScript?

【发布时间】：2014-11-30 01:06:27

【问题描述】：

我得到如下输出，如何使用 javascript 将整个附加到 head 标签中？

<meta name="generator" content="Joomla! - Open Source Content Management" />
<title></title>
<link rel="stylesheet" href="templates/css/template.css" />
<link rel="stylesheet" href="templates/css/templatee.css" />
<style type="text/css">
    <![CDATA[
        BODY background: #00ff00;color: rgb(0,0,255);
    ]]>
</style>

【问题讨论】：

注意，在头部解析后附加一些meta标签是没有用的，它们会被忽略。

我需要全部进入head标签

你从哪里得到这个输出？

你的问题的标题说你正在附加一个脚本标签，但你的例子不包含脚本标签。

head 保证在body 之前被加载和解析，之后分叉head 会破坏默认行为。所以，基本上你不应该这样做。如果您需要动态head，请在服务器端创建它。相反，这听起来像是一个 XY 问题，重建head 的实际目的是什么？

【参考方案1】：

你可以试试这个：

document.querySelector('head').innerhtml = "insert your code here" 

【讨论】：

不工作。我有所有可能包含链接、脚本、标题、元标记的文本，我无法将所有内容附加到头标记中

为什么不只是document.head？无论如何，这将消除 head 元素曾经包含的任何内容。