JQuery onload、ready使用

本文介绍了网页加载过程中的两种关键事件:ready 和 onload。ready 事件表明文档结构已加载完成,而 onload 则意味着包括图片在内的所有元素均已加载完毕。文中还提到了如何使用 $(window).load() 方法来确保页面所有内容加载后再执行某些操作,并对比了 unload 方法的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

页面加载完成有两种事件,一是ready,表示文档结构已经加载完成;二是onload,指示页 面包含图片等文件在内的所有元素都加载完成(ready 在onload 前加载!!!)。
使用$(window).load()方法,这 个方法会等到页面所有内容加载完毕后才会触发。

<script type="text/javascript"> 
$(window).load(function() { 
    alert("hello"); 
}); 
$(window).load(function() { 
    alert("hello again"); 
}); 
</script> 

上面的代码会在页面所有内容加载完成后按先后顺序依次执行。与之对应的还有Unload方法 ,在页面关闭时执行。
jS事件触发的方法,可以在ready 里面加载:

$(function(){ 
// do something 
}); 

其实这个就是jq ready()的简写,它等价于:

$(document).ready(function(){ 
//do something 
}) 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值