4

在之前的任务中，我们研究了如何将代码插入到标签中并具有多个属性，以及在第一个标签（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;
4

2 回答 2

7

假设你总是有一个<head>，你可以这样做：

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

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

于 2012-12-06T15:49:53.777 回答
0

以下是使用 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);
于 2012-12-07T09:24:14.543 回答