Question

在之前的任务中，我们研究了如何在代码中插入代码并使用多个属性，并在第一个标记（doctype）之前插入代码，但是如何在头标记之间插入代码（如新的CSS样式表和JavaScript插入）。

我在这里搜索过并发现了一些相关的帖子，但没有任何有效的例子。

例如，如何仅使用JavaScript添加以下代码行...

<link rel="stylesheet" type="text/css" href="chrome.css" />
<script type="text/javascript" src="chrome.js"></script>

下面的一个建议看起来很有希望，但是经过测试它实际上并没有起作用，例如......

var refScript = "<SCRIPT>alert('OK');</SCRIPT>";
document.getElementsByTagName("head")[0].innerHTML += refScript;

Answer 1

假设你实际上总是有<head>，你可以这样做：

document.getElementsByTagName("head")[0].innerHTML += "<whatever />";

您当然也可以使用DOM模型而不是innerHTML。

Answer 2

以下是使用DOM方法的方法。

var scrp = document.createElement('script');
scrp.type = 'text/javascript';
// approach 1:
scrp.innerHTML = "alert('OK');";
// approach 2:
var txt = document.createTextNode("console.log('hi');");
scrp.appendChild(txt);
document.head.appendChild(scrp);

使用JavaScript在head标签之间插入html

2 个答案: