document.ready(documentready)

document.ready和window.onload的区别

在Jquery里面，我们可以看到两种写法:

ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）。

onload，指示页面包含图片等文件在内的所有元素都加载完成。

document.ready：可多次执行，速度比window.onload快

window.onload：只能执行一次，速度比document.ready慢

document.ready和onload的区别

document.ready指文件准备好了，可以随时打开

onload指的是文件还在载入，暂时还开不了

JS 页面加载触发事件 document.ready和onload的区别

一、使用时机不同

1、onload：当用户进入页面时就会触发。

2、document.ready：是当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

二、作用不同

1、onload：事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。

2、document.ready：是对向window.load事件注册事件的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用所绑定的函数。

三、作用不同

1、onload：常被用来处理用户进入或离开页面时所建立的 cookies。

2、document.ready：是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。

参考资料来源：百度百科-Javascript 事件

参考资料来源：百度百科-ready(fn)