# 引入 JavaScript
URL: https://caijiao.org/html/09-integration/02-js
Source: docs/html/09-integration/02-js.md
Description: 在 HTML 中引入 JavaScript 可通过内联、内部或外部方式实现，常用于交互、逻辑控制和动态内容加载，是网页开发的核心技术之一。
[JavaScript](/javascript/) 是网页开发中不可或缺的编程语言，主要用于实现网页的交互逻辑和动态效果。在 HTML 中，我们可以通过多种方式引入 JavaScript 代码。
## 三种引入方式
### 1. 内联脚本（Inline Script）
直接在 HTML 标签的事件属性中编写 JavaScript 代码，适用于简单交互。
```html
```
### 2. 内部脚本（Internal Script）
将 JavaScript 代码写入 `
```
建议将 `
```
**main.js 示例：**
```javascript
document.addEventListener("DOMContentLoaded", function () {
console.log("页面就绪！");
});
```
## 示例：按钮交互
```html
```
## 使用建议
- 推荐使用 **外部脚本** 管理逻辑，提高复用性和可维护性。
- 使用 `defer` 或将 `