课程
/前端开发
/Bootstrap
/玩转Bootstrap(基础)
为什么要把js放到body的最下面?我们的项目都是放到head中的呢。是怕页面未加载完,js方法中如果引用页面元素,会报错吗?
2014-11-04
源自:玩转Bootstrap(基础) 1-3
正在回答
这里面主要涉及的是加载顺序、js是单线程。
由于浏览器解析是自上而下加载解析,如果一个很大的js文件放在head里面,由于js是单线程,那么浏览器会一直解析,而无法加载解析后面的dom tree,以至于页面出现空白,如果放在body最下面,这样dom tree会先加载解析,呈现出页面再加载解析js里面的内容,这样用户体验会更好。
如果js放在head里面,引用了某个dom,但是这时你还没加载dom tree,会报错,可以采用 window.onload = function(){}这样来解决,或者给js设置defer 或者 async来让js异步加载,这样就不会报错了。
Kevin_Zhao 提问者
purple_yao
pangqianyi
可能异步加载处理更好些吧。谢谢回答。
举报
告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap
2 回答role="menu"
2 回答行高是什么 这个行高=1 1的单位是什么?
3 回答h1 small和.h1 small的区别
1 回答关于<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
1 回答关于模态层出现屏幕抖动的问题