把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别?浏览器会如何解析它们?
问题
把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别?浏览器会如何解析它们?
参考答案
从实际效果来看,是没有区别的。
但是放在 html 结束标签之前应该是不规范的(通不过 HTML 验证),放在 body 结束之前才对。
当然你完全可以选择无视验证。
dom树是根据html生成的,js放在底部是因为放在头部很容易导致getElementById得到一个空的元素,因为那个时候dom树都不存在
扩展:script标签的位置会影响首屏时间么?
答案是:不影响但有可能截断首屏的内容,使其只显示上面一部分;
如果这里里的首屏指的是页面完全显示,并且用户可以交互
更多面试题
如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。
面试题 | ||
---|---|---|
HTML | CSS | JavaScript |
jQuery | Vue.js | React |
算法 | HTTP | Babel |
BootStrap | Electron | Gulp |
Node.js | 前端经验相关 | 前端综合 |
Webpack | 微信小程序 | - |
这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!