文章目录
思考:
HTML
页面是按照什么样的顺序进行加载的?
答案:页面的加载是按照代码的编写顺序,从上到下依次执行的。
会出现的问题:若在页面还未加载完成的情况下,就使用JavaScript
操作DOM
元素,会出现语法错误。
解决办法:页面事件可以改变JavaScript
代码的执行时机。
1、页面事件
load
事件:用于body
内所有标签都加载完成后才触发,又因其无需考虑页面加载顺序的问题,常常在开发具体功能时添加。unload
事件:用于页面关闭时触发,经常用于清除引用避免内存泄漏时使用。
加载事件onload
js代码执行时候,需要html和css的支持,就让html代码先执行(先进入内存),js代码后执行。
js代码在最后执行的过程就是“加载过程”,通常通过“加载事件”实现加载过程。
加载事件onload可以保证js代码后于html和css执行,其要在最后执行。
具体设置:
<body onload='加载函数()'>
window.onload = 匿名/有名函数; //推荐