jQuery——页面加载事件

最新推荐文章于 2022-06-04 12:47:25 发布

原创最新推荐文章于 2022-06-04 12:47:25 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery

学习笔记同时被 2 个专栏收录

128 篇文章

订阅专栏

jQuery

16 篇文章

订阅专栏

本文介绍了jQuery中的四种页面加载事件，详细解析了不同事件的触发时机。从速度最慢到较快，分别是：DOM中全部加载完毕触发的事件，jQuery的第一种加载事件，以及两种在页面基本元素加载后即触发的事件。

DOM中页面加载事件：页面全部加载完毕才触发（标签，文字，图片，引入的文件）

<script>
    window.onload=function(){
        console.log("Hello Mayday");
    };
    window.onload=function(){
        console.log("Everyday is Mayday");
    };
</script>

jQuery中第一种页面加载事件：（速度最慢）

<script>
    $(window).load(function(){
        console.log("Hello Mayday");
    });
    $(window).load(function(){
        console.log("Everyday is Mayday");
    });
</script>

注：$是封装的函数，下同
第二种：（比第一种速度快，页面中基本元素加载后就触发）

<script>
    $(document).ready(function(){
        console.log("1");
    });
    $(document).ready(function(){
        console.log("2");
    });
</script>

第三种：页面中基本元素加载后就触发

    jQuery(function(){
        console.log("Hello Mayday");
    });
    jQuery(function(){
        console.log("Everyday is Mayday");
    });
</script>

第四种：

<script>
    $(function(){
        console.log("1");
    });
    $(function(){
        console.log("2");
    });
</script>