window的onload事件的用法

1.最简单的用法

window的onload事件的用法

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

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

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

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