Rumah  >  Artikel  >  hujung hadapan web  >  为什么把JavaScript文件放在Html底部

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

hzc
hzcasal
2020-06-28 11:50:592649semak imbas

把JavaScript文件放在Html底部是因为浏览器加载完JS文件就会去执行,这时候如果JS里面有对DOM的操作的话,DOM可能还未加载完,就会出错,另外由于JS对页面的展示来说没什么用,所以应首先加载CSS以达到尽快显示出页面的目的。

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

这个问题有两个考虑:

  • 如果是外部加载的js, 也就是通过src加载的外部js,  这种方式调用的js之所以要放到底部是因为浏览器渲染网页是从上往下,页面是用户能看到的也能直观感受到的,而js代码是用户看不到的,属于“幕后”的东西, 把“幕后”的东西放到最下面,那么用户能看得见的页面加载速度就会更快,让用户感觉页面打开速度很快,提高用户体验。

  • js一般会用于对页面DOM的操作,如果将js代码放到页面顶部, 基于浏览器从上往下加载的机制,有可能被操作的DOM节点还未加载完毕,JS就去操作DOM了,这明显会导致出错,放到页面底部会保险一些。

主要考虑是第一条, 第二条现在为了百分百保证DOM树渲染完毕执行JS, 基本都用load检测了。

推荐教程:《JS教程

Atas ialah kandungan terperinci 为什么把JavaScript文件放在Html底部. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn