$(window).load与$(document).ready的区别

刚好今天学了用jQuery实现瀑布流的用法，但加载时发现了一个小小的问题，那就是分别用$(window).load与$(document).ready实现加载时，$(document).ready的布局混乱。

出现问题后，我在网上查了查，得到的答案是，$(window).load等同于原生的window.onload，是等页面完全加载完再去执行；而$(document).ready是节点加载完就执行。

所以在加载图片时，根据本次图片加载速度的不同，$(document).ready每次布局都不一样。因为用了abusolute，还会出现图片重叠的情况，就是因为仅仅加载节点，还没有计算图片高度，导致无法正确执行代码。

所以今后如果碰到需要等到文档全部加载完成才能实现的代码，请使用$(window).load，而仅需要节点加载的请使用$(document).ready。

转载于:https://www.cnblogs.com/keepStudying/p/6217116.html