js中onload与jQuery中ready事件区别

ready事件的触发表示文档结构已经加载完成，不包含图片、flash等非文字媒体内容。
onload事件的触发表示页面中包含的图片、flash等所有元素都加载完成。

支持onload事件的标签有body、frame、frameset、iframe、img、link、script。

如果load事件用于页面初始化，则有两种实现方式。
第一种方式是在body标签上使用onload属性，类似于onclick属性的设置，其实就是DOM0级事件处理程序

第二种方式是设置window对象的onload属性，属性值为一个函数

注意！在load事件的两种实现方式中，第一种方式的优先级会高于第二种方式，如果同时采用两种方式，则只有第一种方式会生效

jQuery的load()函数具有的功能与原生JavaScript的onload()函数是一致的，而且相比于window.onload()函数还有两大优点。
1.可以同时绑定多个$(window).load()函数。

2.使用$(window).load()函数可以将JavaScript代码与HTML代码进行分离，而设置body标签的onload属性不可以将JavaScript代码与HTML代码进行完全隔离。一旦代码冗余在一起，后续的代码维护将会变得越来越困难。

注意！ready事件并不是原生JavaScript所具有的，而是在jQuery中实现的，ready事件挂载在document对象上。

一共有三种方式定义ready事件