- window与document
window指浏览器的窗口,document指浏览器窗口中加载的dom元素。在浏览器中,当其中加载的页面超过一屏时,$(window).height()与$(document).height()的值是不等的
- load与ready
load事件在jquery中主要用来代替原生的window.onload
load只能用在两个场景下:
- window对象上:$(window).load(function(){})
- 带有src的元素:如:$('img').load(function(){})
除此之外,任何元素都没有load事件,如$(document).load()是错误的写法,不会执行。
load事件需要页面完全加载完才可以触发事件,所谓的完全加载完,指dom结构加载完毕和所有的链接加载完。比如页面中有大量的图片,必须等每一个图片都加载完,才叫完全加载完毕。
不过,load事件跨浏览器兼容性很差,不推荐使用load事件
ready事件则可以加在任意元素上,如$(window).ready(fn),$(document).ready(fn),$('div').ready(fn)等
ready事件不要求等待页面完全加载完,只需要dom结构加载完就可以触发。
ready事件可以同时注册多个,执行时按照事件注册的先后顺序进行。