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

Posted

技术标签:

【中文标题】如何使用 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 元素曾经包含的任何内容。

以上是关于如何使用 JavaScript 将脚本、链接和元标记附加到头部?的主要内容,如果未能解决你的问题,请参考以下文章

Android SL4A:如何链接到 HTML/javascript 应用程序中的相关脚本?

如何在javascript中放置链接

如何使用 JavaScript 检查页面的 URL [重复]

ActionScript 3 导入必要的动作脚本以使用FLV和元数据[即。中cuePoints]

在实践中如何使用 TfidfVectorizer 和元数据进行分类?

如何使用javascript打开新标签中的数组链接?