錯(cuò)誤代碼
image.png
報(bào)錯(cuò)原因===> js在html頁(yè)面沒有加載完成時(shí)開始編譯龄寞,因此獲取不到dom節(jié)點(diǎn),所以為空璧疗。
將js放在了頁(yè)面最后面皆的,然后執(zhí)行成功
其實(shí)只需要讓js延時(shí)執(zhí)行即可
延時(shí)執(zhí)行方法:
1、將js代碼塊放置于HTML代碼下端究恤,也就是底部俭令,等頁(yè)面加載完成以后在執(zhí)行。
2部宿、js代碼抽出來單獨(dú)成立一個(gè)文件抄腔,然后內(nèi)部引入的方式。只適用于外部文件
<script src="index.js" defer="defer"></script><!--下載js代碼但是不執(zhí)行-->
<!--或者-->
<script src="index.js" defer="async"></script><!--下載并執(zhí)行js代碼但是讓html頁(yè)面繼續(xù)渲染-->