为什么script.js在底部引入呢？详解解答

傲娇小蓝鲨

已于 2023-05-31 14:50:51 修改

阅读量218

点赞数 1

文章标签： javascript 前端 html

于 2023-05-23 20:37:57 首次发布

本文链接：https://blog.csdn.net/m0_57741466/article/details/130835099

版权

在 HTML 文件中引入 JavaScript 文件时，通常会把 <script> 标签放在 HTML 内容的底部，原因如下：

加载速度更快：如果你把 <script> 标签放在 HTML 文档的顶部，当浏览器遇到这个标签时，它会停止解析 HTML 并下载 JavaScript 文件。这意味着在下载和执行 JavaScript 文件之前，用户将无法看到页面的任何内容。相反，如果你把 <script> 标签放在页面底部，浏览器将首先解析和呈现 HTML 内容，然后再继续下载和执行 JavaScript 文件。这将加快页面加载速度。
HTML 加载更可靠：如果 JavaScript 文件下载失败或由于其他原因未能加载成功，则 <script> 标签会导致 HTML 加载出现问题，从而导致用户看到错误或空白的页面。如果你把 <script> 标签放在页面底部，即使 JavaScript 文件加载失败，整个页面仍然可以正常加载并呈现给用户，因此更可靠。
更好的用户体验：在早期的浏览器中，JavaScript 文件的下载和执行会导致页面冻结和不响应。将 <script> 标签放在 HTML 底部可以减少用户面临这些问题的机会，从而提供更好的用户体验。

总之，把 <script> 标签放在 HTML 页面底部是一个良好的实践，可以提高页面加载速度和稳定性，并提供更好的用户体验。

关注