为什么document.ready比直接JS早执行

在HTML文档中，浏览器会按照文档的顺序逐行解析HTML代码，当浏览器解析到JavaScript代码时，会立即执行该代码。因此，如果直接将JavaScript代码放在HTML文档的头部或者在文档中间的某个位置，浏览器在解析到JavaScript代码时就会立即执行，可能会导致JavaScript代码在DOM元素加载完成之前执行，从而造成找不到DOM元素或其他问题。

而使用document.ready方法（或者其他类似的方法，比如DOMContentLoaded事件），可以确保JavaScript代码在DOM元素完全加载之后才执行，这样就可以避免上述问题。因为document.ready方法是在DOM结构加载完成之后才执行的，所以它比直接放置在HTML文档中的JavaScript代码要晚执行。