js windows.onload属性和DOMContentLoad事件

最新推荐文章于 2023-01-02 23:34:31 发布

黄大仙No.1

最新推荐文章于 2023-01-02 23:34:31 发布

阅读量831

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_44378358/article/details/107868498

版权

javascript 专栏收录该内容

104 篇文章 9 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    window.onload = function () {         //全部加载完后才执行 传统注册方式只以最后一个为准
        var btn = document.querySelector('button');
        btn.addEventListener('click', function () {
            alert('点击我1');
        })
    }
    window.onload = function () {         //全部加载完后才执行 传统注册方式只以最后一个为准
        var btn = document.querySelector('button');
        btn.addEventListener('click', function () {
            alert('点击我2');
        })
    }
    window.addEventListener('load', function () {                   //所有内容加载完才执行
        alert('我比较慢');
    })
    window.addEventListener('DOMContentLoaded', function () {       //当dom加载玩就执行,不等待所有内容加载完,优化了用户体验
        alert('我更快');               //不包含图片,flash,css等
    })
</script>
<button>点击</button>
</body>
</html>

黄大仙No.1

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js windows.onload属性和DOMContentLoad事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> window.onload = function () { //全部加载完后才执行传统注册方式只以最后一个为准 var btn =
复制链接

扫一扫

专栏目录