页面加载事件

最新推荐文章于 2024-03-06 16:47:24 发布

userMeiName

最新推荐文章于 2024-03-06 16:47:24 发布

阅读量256

点赞数

本文链接：https://blog.csdn.net/weixin_43608739/article/details/90522887

版权

    <script>
        document.getElementById("btn").onclick = function () {
            alert("haha");
        };
    </script>

</head>
<body>
<input type="button" value="按钮" id="btn">

在这里插入图片描述
代码从上到下执行，还未加载出input标签就先执行事件所以报错-----页面还未加载完毕

解决方法：window.onload（window可省略）
　　　　　只要页面加载完毕这个事件就会触发

    <script>
        window.onload = function () {
            document.getElementById("btn").onclick = function () {
                alert("haha");
            };
        };
    </script>

</head>
<body>
<input type="button" value="按钮" id="btn">

扩展：
页面关闭后触发的事件：window.onunload
页面关闭之前触发的事件：window.onbeforeunload

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

userMeiName

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面加载事件

<script> document.getElementById("btn").onclick = function () { alert("haha"); }; </script></head><body><input type="button" value="按...
复制链接

扫一扫