script标签中defer和async的区别

在前端开发中，我们经常会使用`



```

在上面的代码中，我们分别引入了两个外部JavaScript文件：`script1.js`和`script2.js`，一个使用了`defer`属性，一个使用了`async`属性。

### `script1.js`代码：

```javascript
console.log('Script 1 is executed.');
```

### `script2.js`代码：

```javascript
console.log('Script 2 is executed.');
```

### 步骤和代码解释

接下来让我用表格的形式展示整个操作流程，并解释每一步需要做什么以及代码的含义。

| 步骤 | 操作 | 代码 |
| --- | --- | --- |
| 1 | 创建一个HTML文件 | 无需代码，创建一个空的HTML文件。 |
| 2 | 编写HTML结构和引入脚本 | 编写HTML结构，并使用`