window.addEventListener

mewgulfszd！

于 2022-07-01 17:08:48 发布

阅读量4.1w

点赞数 10

CC 4.0 BY-SA版权

文章标签：前端 javascript html

本文链接：https://blog.youkuaiyun.com/CLhen/article/details/125562401

本文介绍了JavaScript中不同类型的事件监听器及其使用场景。包括页面加载完毕触发的'load'事件、DOM元素加载完成触发的'DOMContentLoaded'事件以及窗口尺寸变化触发的'resize'事件。通过这些事件监听器可以实现网页的动态响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
    // 页面加载完毕加载
    window.addEventListener('load', function () {

    })
    // 只需要加载成功元素就可以
    window.addEventListener('DOMContentLoaded', function () {

    })
    // 只要窗口大小发生像素变化就会触发
    window.addEventListener('resize', function () {
    // 当前窗口宽度
    console.log(window.innerWidth);
    })
</script>