好久没写文章了，再来一波，起首上图：
参考链接：onload与ready的区分
详见浏览器事情道理：浏览器事情道理
媒介
页面加载完成有两种事宜：
一是ready，示意文档构造（DOM构造）已加载完成（不包括图片等非笔墨媒体文件），
二是onload，指导页面包括图片等文件在内的一切元素都加载完成。(能够说：ready 在onload 前加载！！！)
我的明白： 平常款式掌握的，比方图片大小掌握放在onload 内里加载;而：jS事宜触发的要领，能够在ready 内里加载;
$(function(){
// do something
});
实在这个就是jq ready()的简写，他等价于：
$(document).ready(function(){
//do something
})
//或许下面这个要领，jQuer的默许参数是：“document”；
$().ready(function(){
//do something
})
body的onload事宜与$(document).ready比拟
加载多函数题目
<body onload="a();b();">
</body>
原生javascript中函数没有重载，所以会完成掩盖
a)body中声明的onload事宜（DOM0级别）会被背面的window.onlad()（DOM0级别）掩盖
<body onload="a();b()">
</body>
<script>
window.onload = function(){alert('world');}
</script>
b)只能在body中的onload中完成多函数实行
<body onload="a();b()">
</body>
<srcipt>
function a(){alert('a');}
function b(){alert('b');}
</script>
c)多个window.load()会掩盖（如a）实例）
window.onload = function(){alert('hello');}
window.onload = function(){alert('world');}
在JQuery中你能够应用多个JQuery.Ready()要领，它们会按序次顺次实行
代码和内容星散题目
body中的onload不星散
而window.onload()星散以及$(document),ready()能够星散
实行先后顺序差别（最大区分）
$(document).ready()：在DOM构造加载终了以后实行window.onload：在一切的文件加载终了以后实行
$(document).ready():最大的区分是DOM加载终了以后，没必要再去等图片（异步）加载终了后实行js代码
window.onload用法
<script type='text/javascript'>
function winready(){
document.getElementByIdx_x.('load').style.display='none';
}
window.onload=winready; //或许window.onload=function(){winready();}
</scritp>
jquery用法:
<script type='text/javascript'>
$(document).ready(function(){
$('#load').css('display','none');
})
</script>
$(window).load()
运用$(window).load()要领，这 个要领会比及页面一切内容加载终了后才会触发，而且同时又没有OnLoad事宜的弊病.
以下内容会在页面一切内容加载完成后按先后顺序顺次实行.
<script type="text/JavaScript">
$(window).load(function() {
alert("hello");
});
$(window).load(function() {
alert("hello again");
});
</script>
与之对应的unload事宜（会在页面封闭时刻实行）
$(window).unload(function() {
alert("good bye");
});
