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

【问题标题】：How to append script, link, and meta tags onto head using JavaScript?如何使用 JavaScript 将脚本、链接和元标记附加到头部？
【发布时间】：2023-04-02 01:51:01
【问题描述】：

我得到如下输出，如何使用 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 的实际目的是什么？

标签： javascript

【解决方案1】：

你可以试试这个：

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

【讨论】：

不工作。我有所有可能包含链接、脚本、标题、元标记的文本，我无法将所有内容附加到头标记中
为什么不只是document.head？无论如何，这将消除 head 元素曾经包含的任何内容。