首页document.head.appendChild(script) 是将script添加到head标签的尾部, 如何添加到head标签的头部

document.head.appendChild(script) 是将script添加到head标签的尾部, 如何添加到head标签的头部

时间: 2024-10-13 18:04:29 浏览: 43

`document.head.appendChild(script)` 是将 `script` 元素添加到 HTML 文档 `<head>` 标签的最后，如果你想将其添加到头部（即 `<head>` 的开始位置），你可以先创建一个新的 `script` 元素，然后将其插入到现有的 `<head>` 元素的第一个子节点之前。例如： ```javascript var script = document.createElement('script'); script.src = 'your_script.js'; // 或者设置其他属性，如 type、charset 等 // 获取 head 元素的 firstChild，如果没有就获取第一个元素 var firstElement = document.head.firstChild || document.head; // 将新创建的 script 元素插入到 firstElement 之前 firstElement.parentNode.insertBefore(script, firstElement); ``` 这里的 `insertBefore()` 方法用于将 `script` 元素插入到指定的位置。如果你不确定是否需要插入到 `firstChild`，也可以选择直接插入到 `head` 元素本身，因为通常情况下 `<head>` 只会有一个 `script` 子元素。

阅读全文