$(document).ready()
和 window.onload
都是用来在文档或窗口加载完成后执行代码的方法,但它们之间存在一些关键的区别:
1. 触发时机:
- $(document).ready():这是jQuery提供的一个方法,它在DOM文档完全加载并解析完成后立即触发。它不等待样式表、图像和其他资源加载完成,只保证DOM完全就绪。
- window.onload:这是原生JavaScript的一个事件处理器,它在整个页面包括所有依赖项(如图像、样式表等)完全加载后才触发。这意味着使用
window.onload
时,页面上所有的内容都已经加载完毕。
2. 用途:
- $(document).ready():主要用于执行DOM操作和绑定事件处理器,因为它只需要DOM完全就绪即可。
- window.onload:通常用于需要等待页面上所有资源加载完成后才能执行的操作,比如初始化插件、执行一些资源加载后的计算等。
3. 依赖性:
- ** ( d o