JavaScript 插入之前

在编写 JavaScript 代码时，通常需要将代码插入到 HTML 文档中。为了做到这一点，可以使用以下几种方法：

1. 直接在 HTML 中写入

在 HTML 文档中直接写入 JavaScript 代码可以实现代码的快速插入。这种方法非常简单，只需要使用 <script> 标签将 JavaScript 代码包含起来即可。

<script type="text/javascript">
    // 在这里写 JavaScript 代码
</script>

2. 外部文件引入

将 JavaScript 代码单独存放到一个外部文件中，然后在 HTML 文档中使用 <script> 标签将该文件引入即可。

<script type="text/javascript" src="path/to/file.js"></script>

3. 动态插入

有时候需要动态地将 JavaScript 代码插入到 HTML 文档中，这可以通过 JavaScript 的 document.write() 方法来实现。

document.write('<script type="text/javascript" src="path/to/file.js"></script>');

4. DOM 操作

使用 DOM 操作可以在 HTML 文档中动态生成 JavaScript 代码。首先需要创建一个 script 元素，然后将 JavaScript 代码写入该元素的 text 属性中，最后将该元素插入到 HTML 文档中。

// 创建 script 元素
var script = document.createElement('script');
// 将 JavaScript 代码写入该元素的 text 属性中
script.text = 'console.log("Hello World!");';
// 将该元素插入到 HTML 文档中
document.body.appendChild(script);

以上是四种常用的 JavaScript 插入方法，具体应该根据不同的情况选择合适的方法。