javascript - 当您将 javascript 放在结束 body 标记之后会发生什么?

标签 javascript jquery html browser

我已经读过很多次了,应该将 JavaScript 放在 body 标记的底部以帮助页面加载。但是在查看 https://shoprex.com/ 的源代码时我看到他们在结束 body 标记之后和结束 html 标记之前放置了很多 JavaScript(内联和外部)。

</body>
<script>
//some code
//some code
//some code
//some code
//some code
</script>
<script src="example.js">
</script>
</html>

这有什么区别吗?这有什么优点/缺点还是不常见?所有浏览器对此的响应是否相同或者是否存在兼容性问题?

最佳答案

Javascript 在标记中遇到时运行。如果您正在操作页面 DOM,那么您想要影响的节点在 javascript 运行时必须存在,这就是为什么人们将脚本放置在所有页面内容之后。

收盘前或收盘后 </body>标签应该没有什么区别,根据我的经验,它没有区别,因为在 DOM 构建之后遇到脚本,因此基本上同时运行。

但请参阅 suggested duplicate出于将其放入体内的原因。

关于javascript - 当您将 javascript 放在结束 body 标记之后会发生什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44599617/

相关文章:

html - 如何在响应后使用真棒字体并调整占位符名称的大小

javascript - 在下拉列表中选择时显示无中断 chart.js

javascript - 通过嵌套 JSON 对象创建 html 元素

c# - 在 Watin 中,如何等待表单被服务器处理?

c# - jQuery ajax json web 服务错误

javascript - 嵌套嵌套函数以按顺序运行

html - 我怎样才能使这个 div 居中对齐?

javascript - 如何从 Bootstrap 搜索栏获取输入并将其放入 ajax 调用中以检索数据?

javascript - 获取选定文本的父元素

javascript - 如何在 Chrome 中实现抓取光标图标?