什么时候在 html 页面的 head 和 body 部分使用 <script> 标签？

Question

什么时候必须<script>在<head>节内使用标签，什么时候必须<script>在<body>节内使用标签？这两种情况有什么区别？

Answer 1

脚本 <head>

调用脚本或触发事件时要执行的脚本放置在函数中。

将您的功能放在 head 部分，这样它们都在一个地方，并且不会干扰页面内容。

脚本 <body>

如果您的未放置在函数内，或者您的脚本编写页面内容，则应将其放置在正文部分中。将脚本放在<body>元素底部是个好主意。这可以改善页面加载，因为脚本编译会减慢显示速度。

简而言之：

Answer 2

<script>标签在浏览器遇到它们时被加载和执行。大多数现代浏览器都有多个同时呈现 HTML 页面的线程，但是，如果所有这些线程都被阻塞以等待加载 JavaScript 资产，则页面需要更长的时间来呈现。

这就是人们通常将<script>标签放在<body>页面底部的原因，这样页面的所有 HTML 都已呈现，用户可以在页面加载任何繁重的 JavaScript 资产时看到一些东西。

什么时候在 html 页面的 head 和 body 部分使用 &lt;script&gt; 标签？