介绍JavaScript中的script标签和defer属性

在HTML中，我们可以通过<script>标签加载JavaScript脚本。而defer属性则是一种可选的属性，用于指定浏览器在加载网页时是否立即执行JavaScript脚本。

下面我们来详细介绍一下script标签和defer属性：

script标签

<script>标签用于在HTML中嵌入JavaScript代码。我们可以在<script>标签中使用src属性指定JavaScript文件的URL，也可以在<script>标签内直接编写JavaScript代码。以下是一个使用src属性加载JavaScript文件的例子：

<script src="path/to/myScript.js"></script>

我们还可以使用script标签在HTML中直接写JavaScript代码：

<script>
    alert('Hello World!');
</script>

需要注意的是，如果我们在HTML中直接写JavaScript代码，则这些代码会在浏览器解析HTML时立即执行。如果代码很耗时，会阻塞网页的加载和渲染，导致用户体验不佳。所以，我们通常会把JavaScript代码放到单独的.js文件中，然后通过src属性加载。

defer属性

defer属性用于指定浏览器在加载网页时是否立即执行JavaScript脚本。如果我们把defer属性加到<script>标签上，浏览器会同时下载HTML和JavaScript文件，然后在HTML解析完毕后才会执行JavaScript代码。例：

<script defer src="inviteapi.min.js"></script>

需要注意的是，使用defer属性加载的JavaScript文件会在DOM解析完成之后，页面DOMContentLoaded事件之前执行。它不会阻塞页面的加载和渲染，因此可以提升网站的性能。

小结