DOM-04-window 对象的常见事件

最新推荐文章于 2024-07-29 09:49:14 发布

EchoByCode

最新推荐文章于 2024-07-29 09:49:14 发布

阅读量280

点赞数

分类专栏： DOM操作文章标签： javascript css3 html

本文链接：https://blog.csdn.net/weixin_45438044/article/details/122662231

版权

本文详细探讨了JavaScript中的窗口加载事件、窗口大小调整事件以及定时器的使用，帮助开发者更好地理解和应用这些基本但重要的事件处理。

摘要由CSDN通过智能技术生成

1.1 窗口加载事件

window.onload 是窗口 (页面）加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS
文件等), 就调用的处理函数。

window.onload 传统注册事件方式 只能写一次，如果有多个，会以最后一个 window.onload 为准。
如果使用 addEventListener 则没有限制

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 传统注册事件方式 只能写一次，如果有多个，会以最后一个 window.onload 为准。
        // window.onload = function() {
     
        //     var btn = document.querySelector('button');
        //     btn.addEventListener('click', function() {
     
        //         alert('点击我');
        //     })
        // }
        // window.onload = function() {
     
        //     alert(22);
        // }

        window