页面加载时执行的任务

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(){})则不同,它可以编写多个,并且每一个都会执行

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值