为什么把JavaScript文件放在Html底部

把JavaScript文件放在Html底部是由于阅读器加载完JS文件就会去施行，这时候假如JS里面有对DOM的操纵的话，DOM大概还未加载完，就会出错，别的由于JS对页面的展现来说没什么用，所以应第一加载CSS以到达尽快显示出页面的目的。

这个问题有两个思考：

• 假如是外部加载的js， 也就是通过src加载的外部js， 这种方式调取的js之所以要放到底部是由于阅读器渲染网页是从上往下，页面是会员能看到的也能直不雅感受到的，而js代码是会员看不到的，属于“幕后”的东西， 把“幕后”的东西放到最下面，那么会员能看得见的页面加载速度就会更快，让会员感受页面翻开速度很快，提高会员体验。

• js一样会用于对页面DOM的操纵，假如将js代码放到页面顶部， 基于阅读器从上往下加载的机制，有大概被操纵的DOM节点还未加载完毕，JS就去操纵DOM了，这明显会致使出错，放到页面底部会保险一些。

主要思考是第一条， 第二条此刻为了百分百包管DOM树渲染完毕施行JS， 根本都用load检测了。

引荐教程：《JS教程》

以上就是为什么把JavaScript文件放在Html底部的具体内容，更多请关注百分百源码网其它相关文章！