在HTML文檔中,瀏覽器會按照文檔的順序逐行解析HTML代碼,當(dāng)瀏覽器解析到JavaScript代碼時(shí),會立即執(zhí)行該代碼。因此,如果直接將JavaScript代碼放在HTML文檔的頭部或者在文檔中間的某個(gè)位置,瀏覽器在解析到JavaScript代碼時(shí)就會立即執(zhí)行,可能會導(dǎo)致JavaScript代碼在DOM元素加載完成之前執(zhí)行,從而造成找不到DOM元素或其他問題。
而使用document.ready方法(或者其他類似的方法,比如DOMContentLoaded事件),可以確保JavaScript代碼在DOM元素完全加載之后才執(zhí)行,這樣就可以避免上述問題。因?yàn)閐ocument.ready方法是在DOM結(jié)構(gòu)加載完成之后才執(zhí)行的,所以它比直接放置在HTML文檔中的JavaScript代碼要晚執(zhí)行。