$(document).ready和window. onload的区别

1. 执行时机

window.onload方法是在网页中所有的元素(包括元素的相关联文件)都加载到浏览器后才能执行,即JavaScript此时才可以访问网页中的任何元素。

$(document).ready在DOM完全就绪的时候就可以被调用。

例子:

比如一个网站有很多图片。 window.onload必须等每一张图片都加载完毕后才可以进行操作。而$(document).ready( ) 只要等DOM就绪就可以操作了。 所以$(document).ready( ) 要快的多

但是可能有弊端就是当一些图片加载不完全的时候,他们的宽高值等不一定有效

2.多次使用

window.onload只能绑定一个函数,而$(document).ready( ) 就可以写很多个

猜你喜欢

转载自blog.csdn.net/qq_37746973/article/details/80833780