dom加载顺序

Dom文档的加载步骤：

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

再说说$(function(){})，$(window).load(function (){})也是等待所有的内容都加载完之后执行。和window.onload区别：

1. $(function(){})是$(document).ready(function(){}的简写，不会被覆盖，window.onload会被覆盖
2. $(function(){})在window.onload执行之前执行的，$(function(){})类似于原生js中DOMContentLoaded事件，在DOM加载完毕后，页面全部内容（如图片等）完全加载完毕前被执行。而window.onload会在页面资源全部加载完毕后才会执行。
3. $(window).load(function (){})也是等待所有的内容都加载完之后执行。可以有多个，而且都是顺序执行。
4. 不管是外链js还是页面中的js的window.onload都只执行最后的一个。