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

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. SQL Server的JOIN是支持使用小括号修改执行顺序的

    假如现在我们的SQL Server数据库中有三个表:[T_A].[T_B]和[T_C],它们的建表语句如下: --建表语句[T_A] CREATE TABLE [dbo].[T_A]( [ID_A] ...

  2. 几种c++字符串split 函数实现的比较

    文中的字符串split函数功能是 从字符串中按照特定的分隔符进行分割,分割的结果保存到std::vector中. 1. strtok实现 std::vector<std::string> ...

  3. 进程与线程的通信机制----Queue

    进程运行时候变量是隔离的,线程间共享全局变量. 进程: from multiprocessing import Process from threading import Thread def get ...

  4. jQuery 合成事件

    jQuery有两个合成事件—— hover() 方法和 toggle() 方法,类似ready() 方法,hover() 方法和 toggle() 方法都属于 jQuery 自定义的方法. 1.  h ...

  5. LIS的O(nlogn)算法

    出自蓝书<算法竞赛入门经典训练指南> 求最长上升子序列是很常见的可以用动态规划解决的问题…… 很容易根据最优子结构之类的东西得出 $\text{dp}[i]$为以第i个数结尾的最长上升子序 ...

  6. JarvisOJ Misc webshell分析

    分析压缩包中的数据包文件并获取flag.flag为32位大写md5. 神仙们还是强啊,webshell主要看http流,再过滤只剩下post请求 可以使用 http.request.method == ...

  7. 进程初识和multiprocessing模块之Process

    一.什么是进程 进程就是运行中的程序 进程是操作系统中最小的资源分配单位 进程与进程之间的关系 : 数据隔离的 进程的id:Process id = pid pid是一个全系统唯一的对某个进程的标识, ...

  8. 【bfs】麻将游戏

    题目 来自:yinzm的blog 在一种"麻将"游戏中,游戏是在一个有W*H格子的矩形平板上进行的.每个格子可以放置一个麻将牌,也可以不放(如图所示).玩家的目标是将平板上的所有可 ...

  9. vue实战记录（六）- vue实现购物车功能之地址列表选配

    vue实战,一步步实现vue购物车功能的过程记录,课程与素材来自慕课网,自己搭建了express本地服务器来请求数据 作者:狐狸家的鱼 本文链接:vue实战-实现购物车功能(六) GitHub:sue ...

  10. fzyzojP1635 -- 平均值

    做法大概有两种: 1.二分平均值,每个值减去平均值,求有没有一个区间的总和大于等于0 (类比,中位数是二分之后,比mid大的为1,小的为0,看有没有区间大于等于0这样) 最值问题——判定问题 单调队列 ...