页面加载时执行的任务

1.onload

function doSomething(){
        //执行某种任务… …
}
既可以在HTML标记中指定该函数:<body onload=”doSomething();”>
也可以在JavaScript代码中指定该函数:window.onload=doSomething;

这两种方式都会导致在页面加载完成后执行这个函数。但第2种方式的优点在于,它能使行为更清晰地从标记中分离出来

2.使用jQuery的 ready() 方法;这个函数是用来取代页面中的window.onload;document.ready()和传统的方法<body onload=”load()”> 相似,不同的是onload()的方法是在页面加载完成后才发生,这包括DOM元素和其他页面元素(例如图片)的加载,因此,使用document.ready()方法的执行速度比onload()的方法要快

允许使用以下三种语法:

语法1:$(document).ready(function(){
              //这里是代码
     })

语法2:$().ready(function(){
             //这里是代码
     })

语法3:$(function(){
             //这里是代码
     })

注:提示:ready() 函数不应与 <body onload=""> 一起使用。

3.$(window).load()

$(window).load(function (){ 
      // 编写代码  
});等价于 JavaScript 中的以下代码 
window.onload = function (){ 
      // 编写代码 
}

扫描二维码关注公众号,回复: 2615288 查看本文章

window.onload与$(document).ready()的区别:

1、执行时间上的区别:window.onload必须等到页面内(包括图片的)所有元素加载到浏览器中后才能执行。而$(document).ready(function(){})是DOM结构加载完毕后就会执行。

2、编写个数不同:window.onload不能同时写多个,如果有多个window.onload,则只有最后一个会执行,它会把前面的都覆盖掉。$(document).ready(function(){})则不同,它可以编写多个,并且每一个都会执行

猜你喜欢

转载自blog.csdn.net/wangkeke1996/article/details/81432072