脚本标记的位置
最编程
2024-03-04 10:53:34
...
应该把script标签放在哪里
目录:
- 1script标签放在底部的好处
- 2应该放在底部的哪里
概述:
如果在页面中写JS的话,那必然会用到script标签,理论上script标签放在哪里都是可以的,但是到底放在哪里好?我们今天来讨论一下。
script标签放在底部的好处:
虽然理论上放在哪里都是可以的,但是对于前端页面优化来讲,还是放在底部是最佳的,因为如果JS执行出现错误了,最起码页面中的元素还能加载出来,因为DOM文档是从上往下的顺序执行的。 如果你还不了解DOM的加载顺序,请阅读jQuery中ready与load事件的区别。
应该放在底部的哪里:
许多人认为只要放在底部了,无论是“body标签闭合之前”还是在“body标签闭合之后”都是一样的,其实还是有差别的,
因为从HTML 2.0起放在“body标签闭合之后”就是不合标准的。之所以但是浏览器却不会报错,是因为如果在“body标签闭合之后”后再出现script或任何元素的开始标签, 都是parse error,浏览器会忽略之前的</body>,即视作仍旧在body内。所以实际效果和写在“body标签闭合之前”之前是没有区别的。
所以,只要是让浏览器做了多余的事都是不好的,虽然差别细微,但是咱们还是按照标准来,放在“body标签闭合之前”。
上一篇: Vue3 脚本设置综合分析
推荐阅读
-
用于三维位置估算的扩展卡尔曼滤波器(EKF)
-
如何让旧版浏览器支持新的 HTML5 标记
-
C#知识库|如何拖动无边框 WinForm 表单的位置?-实现步骤
-
HTML 字体标记的颜色属性是什么? fontcolor 使用方法介绍(附颜色代码表)
-
如何设置 html 标记的颜色?超链接颜色设置汇总(css 样式)
-
音频标记的 controls 属性_[HTML 教程] 多媒体标记
-
马林对 PCB 上 SPI 信号串联电阻的位置了解多少?
-
你玩过这些用 Python 编写的超棒程序/脚本吗?
-
[2023最新有效]油猴脚本自动填写问卷星正确答案,支持在需要微信验证的问卷上使用
-
铯通过 websocket 接收飞船的实时位置,并通过粒子系统添加飞船的尾流效果。