页面加载之window.onload=function(){} 和 $(function(){})的区别

通用的页面加载js有四种方式： 
1.window.onload = function(){}; —-js 
2.$(window).load(function(){});——Jquery 
3.$(document).ready(function(){});–Jquery 
4.$(function(){});———————Jquery 
其中1和2为同一种，3和4为同一种 
1、2表示：页面全部加载完成（引用文件，图片）在加载内部函数，且只能执行一个（当文件由多个onload或者load，只加载最后一个）。 
3、4在window.onload执行前执行的，在DOM加载完毕后，页面全部内容（如图片等）完全加载完毕前被执行。而window.onload会在页面资源全部加载完毕后才会执行。

PS： 
DOM文档加载步骤： 
1.解析HTML结构 
2.加载外部的脚本和样式文件 
3.解析并执行脚本代码 
4.执行$(function(){})内对应代码 
5.加载图片等二进制资源 
6.页面加载完毕，执行window.onload

相关资源整合： 
http://www.cnblogs.com/xfcao/p/6514438.html 
http://blog.youkuaiyun.com/lcc921528642/article/details/48379431

转载于:https://www.cnblogs.com/jiangjunli/p/9677472.html