$(document).ready(fn)发生在"网页本身的HTML"载入后就触发；
$(window).load(fn)则会等到"网页HTML标签中引用的图片、flash、视频、IFrame"等内容都载入后才会触发。
一般来说，等网页全部元素都载入才执行程式时机有点晚，因为在此之前，使用者已经可以点选操作网页，跳脱我们程式的掌控范围。因此，我们几乎都是将程式放在$(document).read(function() { ... })中(即$(function() { … }))。
$(window).load(fn)适合执行一些要等待图档或元素全部载入才可进行的动作，例如:检查图档长宽。换句话说，上回的大图自动缩小Script可以透过$(window).load(fn)改写得更简单，完全不用担心图档没下载完成时的特殊处理，算是一个很好的应用范例。
下面是一个例子：
提示：您可以先修改部分代码再运行