HTML load事件监听如何定义，有哪些方法-群英

上一篇：HTML中进行页面布局可以做哪些操作下一篇：HTML中manifest离线缓存是什么，如何应用

这篇文章主要介绍“HTML load事件监听如何定义，有哪些方法”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“HTML load事件监听如何定义，有哪些方法”文章能帮助大家解决问题。

定义load事件监听的两种方法:

一是通过addEventListener，把load事件绑定到window上。

window.addEventListener('load', function() {
    console.log('window onload');
});

二是直接在body上添加onload属性。

<body onload="console.log('onload')">
</body>

Tips

根据DOM Level2 Events文档的描述，load事件应该在document而非window上被触发。然而由于所有的浏览器都已经实现了在window上触发load事件，为了向后兼容性的考虑，在浏览器中load事件的触发和spec上描述不一致。

两种定义load事件监听方式的执行顺序

如果在页面中同时添加这两种方式，谁会先被触发呢？触发点取决于何时加载注册load事件的脚本。按照HTML页面的加载顺序，如果把脚本放到head里加载，那么在window上注册的load事件会先触发，如果把脚本放到body里加载，那body上的onload事件会被先触发。

一般来说，任何在window上注册的事件，都可以通过在body上定义相应的事件属性来触发，这是因为在HTML里无法访问window元素。推荐的做法是尽可能的使用Javascript的方式注册事件。

以上就是关于“HTML load事件监听如何定义，有哪些方法”的介绍了，感谢各位的阅读，如果大家想要了解更多相关的内容，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

标签： HTML load事件

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：HTML中进行页面布局可以做哪些操作下一篇：HTML中manifest离线缓存是什么，如何应用