window的onload事件的用法

1.最简单的用法

这里写图片描述

注:奇葩,我没用过
2.在JS语句调用(正确使用姿势)

这里写图片描述
或使用jquery
这里写图片描述
onload 事件会在页面或图像加载完成后立即发生。
3.window.onload()的加载问题
由于HTML加载时由上往下的,在HTML加载的时候,遇到function关键字,声明一个函数的时候,就会在内存中开辟一个新的空间来对函数进行存储,方便以后进行调用。


所以,当将function test()写到window.onload()=function(){}内部的时候,需要整个页面加载完成的之后,才声明这个函数,也就意味着,当HTML加载到οnclick=”test()”的时候,window.οnlοad=function(){}里面的函数test还没有被声明,这时候内存中就找不到function test(),于是就会报错。
4.window.onload并不是必须得
同样由于页面加载的顺序原因及js的书写的位置原因,window.onload();并不是非要使用的。
当js代码需要获取页面中的元素时,如果script标签在元素的前面,需要加window.onload;如果script放在了元素后面,就不需要加 window.onload。
5.$(function(){})更方便

预知后事如何,且听下回分解
window.onload和window.onready的区别

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值