好久没写文章了,再来一波,起首上图:
参考链接: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");
});