JavaScript中defer和普通script加载的区别详解

在JavaScript中，我们经常需要加载外部的JavaScript文件来扩展网页的功能。而在加载这些文件时，我们可以使用两种不同的方式：defer和普通的script加载。本文将详细解释这两种加载方式的区别，并提供相应的源代码示例。

1. 普通script加载：
   当浏览器遇到普通的script标签时，它会立即停止解析HTML并开始加载并执行脚本。换句话说，脚本会阻塞页面的渲染和其他资源的加载，直到脚本加载完成并执行完毕。这意味着如果脚本文件很大或加载时间较长，页面加载速度将受到明显影响。

   <script src="script.js"></script>
   ```
   
   在上面的示例中，浏览器会立即加载并执行scri