1.onload
function doSomething(){
//执行某种任务… …
}
既可以在HTML标记中指定该函数:<body οnlοad=”doSomething();”>
也可以在JavaScript代码中指定该函数:window.οnlοad=doSomething;
这两种方式都会导致在页面加载完成后执行这个函数。但第2种方式的优点在于,它能使行为更清晰地从标记中分离出来
2.使用jQuery的 ready() 方法;这个函数是用来取代页面中的window.onload;document.ready()和传统的方法<body οnlοad=”load()”> 相似,不同的是onload()的方法是在页面加载完成后才发生,这包括DOM元素和其他页面元素(例如图片)的加载,因此,使用document.ready()方法的执行速度比onload()的方法要快
允许使用以下三种语法:
语法1:$(document).ready(function(){
//这里是代码
})
语法2:$().ready(function(){
//这里是代码
})
语法3:$(function(){
//这里是代码
})
注:提示:ready() 函数不应与 <body οnlοad=""> 一起使用。
3.$(window).load()
$(window).load(function (){
// 编写代码
});等价于 JavaScript 中的以下代码
window.onload = function (){
// 编写代码
}
window.onload与$(document).ready()的区别:
1、执行时间上的区别:window.onload必须等到页面内(包括图片的)所有元素加载到浏览器中后才能执行。而$(document).ready(function(){})是DOM结构加载完毕后就会执行。
2、编写个数不同:window.onload不能同时写多个,如果有多个window.onload,则只有最后一个会执行,它会把前面的都覆盖掉。$(document).ready(function(){})则不同,它可以编写多个,并且每一个都会执行