Javascript 以编程方式在头部添加脚本

在 web 开发中常常需要在头部添加一些需要加载的脚本。这些脚本可以是外部链接的 js 文件，也可以是内部的 js 代码片段。本文将介绍如何使用 Javascript 以编程方式在头部添加脚本。

添加外部链接的 js 文件

首先，我们来看如何添加外部链接的 js 文件。我们可以创建一个 script 元素，然后将其添加到文档头部。

const script = document.createElement('script');
script.src = 'https://example.com/script.js';
document.head.appendChild(script);

以上代码创建了一个 script 元素，并将其 src 属性设置为外部 js 文件的链接。然后，使用 appendChild 方法将 script 元素添加到文档头部。

添加内部的 js 代码片段

当我们需要添加内部的 js 代码片段时，可以通过创建一个 script 元素，然后将其 textContent 属性设置为代码片段的内容，在将其添加到文档头部。

const script = document.createElement('script');
script.textContent = 'console.log("Hello World!");';
document.head.appendChild(script);

以上代码创建了一个 script 元素，并将其 textContent 属性设置为 console.log("Hello World!");。然后，使用 appendChild 方法将 script 元素添加到文档头部。

总结

本文介绍了如何使用 Javascript 以编程方式在头部添加脚本。以上代码片段可以直接复制粘贴到你的代码中使用。在实际开发中，你可以根据需要修改其中的链接或代码片段。