为啥css放在头部,js放在底部

html-css014

为啥css放在头部,js放在底部,第1张

通常情况下,js加载比较耗时,用于页面特效,页面加载完才执行特效,页面不会出现找不到某个标签的情况

CSS,用于控制页面排版,必须放头部,否则会出现刚打开页面时错位的情况,用户体验不好

因为css是要在网页渲染外观的时候就要调用的,所以要预先调入内存,因此放在头部。

而js因为有可能(可以说是很有可能)需要调用网页DOM结构中的元素,所以必须等HTML的整个DOM结构都调入内存后才开始运行(否则就很可能因为无法找到元素而出错),所以要放在底部。但是最好或者说最标准的用法是把js代码放入window对象的onload事件中,这样就可以把整个js代码放到网页的任何位置了(包括头部)。就类似这样:

<script>

window.onload=function(){

//要运行的js代码放在这

}

</script>