window.onload && window.addEventListener 区别

发布时间 2023-07-16 09:33:48作者: 斯斯20222

window.onload && window.addEventListener 区别

关于本节提到的:

window.addEventListener('load', function () {
  alert('word')
})
window.onload = function () {
  alert('hello')
}
  • 执行顺序
    • addEventListener 比 onload 先执行
    • addEventListener 在DOM树加载完毕后执行
    • onload 在DOM树加载完并且所有文件(图片,脚本)加载完之后执行
  • 执行次数
    • addEventListener 可多次调用
    • onload 只能绑定一次,多次绑定则执行最后一次绑定的处理函数