$(document).ready(function () {})和 window.onload = function () {}的区别

最新推荐文章于 2022-12-21 17:51:19 发布

逆光者

最新推荐文章于 2022-12-21 17:51:19 发布

阅读量487

点赞数

分类专栏： jquery与js的种种纠纷文章标签： document.readyfuncti window.onload funct 区别

本文链接：https://blog.csdn.net/m0_37246536/article/details/76718588

版权

jquery与js的种种纠纷专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-2.1.4.js"></script>
    <style>
        .gaodu{
            background-color: aqua;
        }
        .gaodu1{
            color: brown;
        }
    </style>
</head>
<body>

<p>
    $(document).ready(function () {})和  window.onload = function () {}的区别：
    前者只需要把文档中的框架加载出来之后就可以执行相应的内容，加载时间和效率相对来说都比较快，
    而且可以书写多次，执行多次，每次内容不同结果就不同，但是后者要包括把所有的内容都加载出来，
    包括下载出来图片，css样式，js样式等，后者一个页面只能存在一个，即使存在多个，但是总是最后一个生效，虽然可以执行多次，但是总是默认执行最后一个的结果
</p>


<script>

//下边的两者都执行$(document).ready，类都发生了变化，不仅字体的颜色，同时字体的背景都发生了改变
$(function () {
    $("p").add("div").addClass("gaodu");
})
$(document).ready(function () {
    $("p").add("div").addClass("gaodu1");
})

//下边的两者都执行window.onload ，但是仅仅类gaodu1的样式起了变化，说明多个window.onload 都执行时，只是显示最后一个结果：仅字体颜色变化
  window.onload = function () {    $("p").add("div").addClass("gaodu");      }  window.onload = function () {      $("p").add("div").addClass("gaodu1");  }</script></body></html>

逆光者

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
$(document).ready(function () {})和 window.onload = function () {}的区别

$(document).ready(function () {})和 window.onload = function () {}的区别：
复制链接

扫一扫

专栏目录