Jquery 中关于load和ready事件的总结

      近期承担了部分jquery的任务，在博客总结一下，留作积累，用得上的亲也可参考。

相关介绍：

          首先说说window和document，直观上来讲，window代表的是浏览器窗口，而document代表的是浏览器窗口中加载的dom元素。假设现在有一个浏览器，里边加载的页面特别长，已经超出了一屏，当然，肯定会出现滚动条了，这时候，$(window).height()和$(document).height()是不相等的，document的高度肯定要比window的大，因为window窗口始终就是那么大。

           然后介绍一下什么是Jquery中的load和ready事件。
           load事件主要就是用来代替原生的window.onload，它只能用在两个场景下：
                     · window对象上。比如$(window).load(fn);。
                     · 带有URL的元素(images, scripts, frames, iframes)。比如$(“img”).load(fn); //jQuery官方文档明确说明load事件的跨浏览器兼容性很差,谷歌浏览器仅仅支持$(window).load(fn);，而火狐浏览器支持$(window).load(fn);和$(“img”).load(fn)
                     除此之外，任何元素都没有load事件，比如：$(document).load(fn);这是错误的写法，根本不会执行。

           ready事件可以加在任意元素上，比如$(window).ready(fn);、$(document).ready(fn);、$(“div”).