📜  javascript 创建脚本标签 - Javascript (1)

📅  最后修改于: 2023-12-03 15:31:41.360000             🧑  作者: Mango

JavaScript 创建脚本标签

在 JavaScript 中,我们可以通过创建脚本标签来动态地向 HTML 页面中添加 JavaScript 代码或外部 JavaScript 文件。

创建内联 JavaScript

使用 document.createElement() 方法创建脚本标签,并将其添加到 HTML 文档中。然后,将 JavaScript 代码作为标签的 textContentinnerHTML 属性的值来设置。

// 创建脚本标签
var script = document.createElement('script');
// 设置脚本代码
script.textContent = "console.log('Hello, World!')";
// 将脚本标签添加到 HTML 文档中
document.body.appendChild(script);

该代码会在页面加载时运行,打印出 "Hello, World!"。

创建外部 JavaScript

使用 document.createElement() 方法创建脚本标签,并将其添加到 HTML 文档中。然后,将 JavaScript 文件的 URL 作为标签的 src 属性的值来设置。

// 创建脚本标签
var script = document.createElement('script');
// 设置 JavaScript 文件的 URL
script.src = "path/to/your/javascript.js";
// 将脚本标签添加到 HTML 文档中
document.head.appendChild(script);

该代码会从指定的 URL 加载 JavaScript 文件,并在页面加载时运行其中的代码。

以上是 JavaScript 创建脚本标签的简单介绍,开发者可以根据自己的需要继续探索和学习。