不谈调用次数，加载先后问题，只看渲染时区别

1、都在数据绑定完加载。

2、ready可以有多个，且都执行，onload虽可以写多个，但是只执行最后一个。

3、 $.ready = function () {} 和  $(document).ready()不同， $.ready类似于onload，多个的话只会执行最后一个，并且和$(document).ready()同是写的话会覆盖$(document).ready()；但是和$(document).ready()类似的是，等dom元素绘制完就执行，不必等所有元素（图片）加载完。

<!DOCTYPE html>

<html>

<head>

    <title>ready 和 onload()的区别</title>

</head>

<body>

    <p>论一个人的心胸</p>

    <img src="http://pic1.win4000.com/wallpaper/e/526c9f87129d9.jpg" />

    <img src="http://fj2.eastday.com/hdqxb2013/20130823_7/node757990/images/02347082.jpg" />

    <img src="http://pic25.nipic.com/20121210/7447430_215152474000_2.jpg" />

    <img src="http://www.ftourusa.com/uploads/allimg/120709/10-120F91156331I.jpg" />

    <img src="http://pic1.win4000.com/wallpaper/a/5822ec48466e9.jpg" />

    <img src="http://pic1.win4000.com/wallpaper/a/5822ec4e20a0d.jpg" />

    <img src="http://www.sinaimg.cn/dy/slidenews/4_img/2010_12/703_34324_811130.jpg" />

    <img src="http://www.cecet.cn/upimg/allimg/100727/1124SUQ4.jpg" />

    <img src="http://img1.cache.netease.com/catchpic/9/95/959D16A04C3C267B26A0032091AA7F70.jpg" />

    <img src="http://www.meijialx.com/images/122547_media_20071310386.jpg" />

    <img src="http://img15.3lian.com/2015/h1/21/d/28.jpg" />

    <img src="http://img1.3lian.com/2015/a1/147/d/7.jpg" />

    <img src="http://img.tuku.cn/file_thumb/201601/m2016012815305053.jpg" />

    <img src="http://pic25.nipic.com/20121210/7447430_215152474000_2.jpg" />

    <img src="http://www.ftourusa.com/uploads/allimg/120709/10-120F91156331I.jpg" />

    <img src="http://pic1.win4000.com/wallpaper/a/5822ec48466e9.jpg" />

    <img src="http://pic1.win4000.com/wallpaper/a/5822ec4e20a0d.jpg" />

    <img src="http://www.sinaimg.cn/dy/slidenews/4_img/2010_12/703_34324_811130.jpg" />

    <img src="http://www.cecet.cn/upimg/allimg/100727/1124SUQ4.jpg" />

    <img src="http://img1.cache.netease.com/catchpic/9/95/959D16A04C3C267B26A0032091AA7F70.jpg" />

    <img src="http://www.meijialx.com/images/122547_media_20071310386.jpg" />

    <script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>

    <script type="text/javascript">

        window.onload = function () {

            alert("我说onload函数");

        }

        $(document).ready(function () {

            alert("第一次document.ready");

        })

        $(document).ready(function () {

            alert("第二次document.ready");

        })

        $.ready = function () {

            alert("第三次加载ready函数");

        }

        $.ready = function () {

            alert("第四次加载ready函数");

        }

        window.onload = function () {

            alert("我是第二次加载onload函数");

        }

    </script>

</body>

</html>

简单示例

自己使用时碰到的区别就这些，其他的大差不差，可以自己再搜下确认。

加载先后顺序：

document.ready方法在DOM树加载完成后就会执行，而window.onload是在页面资源（比如图片和媒体资源，它们的加载速度远慢于DOM的加载速度）加载完成之后才执行。也就是说$(document).ready要比window.onload先执行。

参考：https://baijiahao.baidu.com/s?id=1613225567743061589&wfr=spider&for=pc

随机推荐

  1. 洛谷 P1091 合唱队形

    \[传送门在这里呀\] 题目描述 \(N\)位同学站成一排,音乐老师要请其中的\((N-K)\)位同学出列,使得剩下的\(K\)位同学排成合唱队形. 合唱队形是指这样的一种队形:设K位同学从左到右依次 ...

  2. sqlalchemy常用

    一.SQLAlchemy 创建表 from sqlalchemy.ext.declarative import declarative_base from sqlalchemy import Colu ...

  3. php面向对象之构造函数作用与方法

    什么是构造函数呢?构造函数又有什么作用呢? 构造函数 ,是一种特殊的方法.主要用来在创建对象时初始化对象, 即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中.特别的一个类可以有多个 ...

  4. 查看CLOUD系统级IIS日志

    1.进入IIS,点击查看日志文件 2.分不同文件夹存放

  5. Python——逻辑运算（or，and）

    print(0 and 2 > 1) #结果0 print(0 and 2 < 1) #结果0 print(1 and 2 > 1) #结果True print(1 and 2 &l ...

  6. LODOP提示、报错、现象，简短问答

    提示升级提示:“打印控件需要升级!点击这里执行升级,升级后请重新进入."“Web打印服务CLodop需升级!点击这里执行升级,升级后请刷新页面.”(新版提示) 参考http://www.c- ...

  7. 深入理解AMQP协议

    深入理解AMQP协议 2018年10月22日 12:32:16 一剑何风情 阅读数:1941   文章目录 一.AMQP 是什么 二.AMQP模型 工作过程 深入理解 三.Exchange交换机 默认 ...

  8. 关于sha1加密与md5加密

    1.区别 Hash,一般翻译做"散列",也有直接音译为"哈希"的,就是把任意长度的输入,变换成固定长度的输出,该输出就是散列值.这种转换是一种压缩映射,也就是, ...

  9. 「洛谷3469」「POI2008」BLO-Blockade【Tarjan求割点】

    题目链接 [洛谷传送门] 题解 很显然,当这个点不是割点的时候,答案是\(2*(n-1)\) 如果这个点是割点,那么答案就是两两被分开的联通分量之间求组合数. 代码 #include <bits ...

  10. <数据结构基础学习>（二）简单的时间复杂度分析

    一.简单的复杂度分析 O(1) O(n) O(logn) O(logn) O(n^2) 大O描述的是算法的运行事件和输入数据之间的关系 Eg: 数组求和 public static int sum(i ...