38.尚硅谷_jQuery_区别onload与ready.avi原创

好，来啊，我们继续。我们前面做的一些效果呢，还有一些bug，有的同学发现了啊，我们到时候后面统一给大家处理掉啊，我们先把这些东西都讲完，呃，下面还有两个，我先把这下面的这个给大家说一说。就说一个什么事了，就我们前面一直在说一个问题，就是说我们可以这么写window.no等于一个什么方向，这是一种，还有一种是这么写是吧，那这么写它的完整写法应该是怎么写的，这个地方有一个。啊，现在我们是不是写的这种简写方式，实际上的写法是这么写的，先包装一下，谁都可以问他，他有一个方法叫什么呢？Ready，实际上就ready监听这里面啊，其实功能是一样的，跟我的这个一模一样的功能，能不能懂，他就觉得说这写我们经常要写这个语法，这种写法太麻烦了，知道吧，所以他设计了一个比较简单的一个语法啊去用。

啊，也就是说啊，我们也可以这么写啊，Document错啊，这个写个什么ready方法，传一个画个写，它们俩是等同的，能不懂啊，其实这种我们从来不用。所以我们俩是，我们是不是先研究这两个好，哎，研究这个得。得烧点钱啊。三点。没事，这点小钱还是有的。先关一下，再打开一下，哎，这我老婆说起来还有一段神奇的故事，有机会跟他说啊啊好了。

啊来我们来看一下啊，看一下呃，在这里面呢，我有一个我看一下我的页面啊，我的页面里面呢，有一个非常重要的东西叫image，有一张图片，这个图片是区别他们俩的关键，这是不是网络上的一张图片了啊OK，那来看这里看着啊，我们要做这件事，直接打印输出image的宽度，看看能不能输出。

能不能我就在这里直接去输出image宽度，那我是不是可以先得到那个什么那个image那个标签，它不有ID吗？啊来看一下能不能得到啊。他的什么，我来干嘛，打印输出一下。啊OK，呃，这里面写一个直接。再写个他。哎，这是一个啊，还有一个我们在这个两个里面也去取一下，看看能不能得到。其实非常简单，就是在这看一下是吧，但这里面是什么load。可以吧，好来下面这一个啊，那我就写个吧，好吧。

来是不是记快的方式啊，而这个是原生的方式，而这个是在外面，在外面的话，大家想你从上往下执行，是不是马上就会执行它们，好来现在我们来看一下他们的一个结果。哎，图片怎么还没出来嘞。大家应该能看出来了，什么意思，直接得得不得到，那肯定得不到是吧，那我你得到没有没有，那最快的方式得到没有，没有，但是。这要说的是，但是window点按的方式得到没有这个，这就是说他们执行的时间是一样的吗？不一样是吧，不一样，其实还有一个监听啊，还有一个监听，什么监听呢？来我们能不能想办法来监听，图片加载完了。

什么意思，大概的，我这不是那个图片那个image吗。来，我在后面再加一个啊，我先找到那张图片logo是吧，我其实这个有一个监听，必须用on来加。为什么用an来加呢？因为没有前面说过。这就印证我前面说的话，我们事件是不是加世界有两种方式，一种是事界名，事界名括号是吧，另外一种是用啊是吧，我们说这种方式有个什么缺陷，有的事件它是没办法用的，你去文档里面找，你就找不到一个。No，你找不到没有，那此时我必须用什么啊？那那现在啊，现在我这一个，我把它打印输出一下这一个，这一个就不用写这个了，这个直接写什么this啊这个改改这是image。

懂不懂，这是相当于给图片加载完成，是绑定那个监听好。那现在我们来看一下他们执行的顺序，现在这样一说啊，效果会完全不一样。跟我家人没关系，大家看我都有，为什么呢？为什么呢？缓存对根号缓存，因为现在图片已经保存在本地了，它冲的一下就显示了，你看连连这一个连直接整它的已有了，看到了吗？能不看到啊，OK，那也就是说我怎么办呢？我怎么演示了，要干嘛删除一下什么缓存，来那个删除缓存，在更多工具里面清除浏览器数据。

对吧，一个聊天记录在一个缓存的游戏，这个是不是给了什么清楚我的处理。好，清楚了，青团有在干嘛刷新。嗯，你就能看到这个了。前面两个是不还没有，是不是接着你看呢。诶，有人说老师为什么他比较靠后啊。这一个是不是要等所有的数据都加载完成后才去安的？而这一个是不是针对某一张图片。你想啊，我是不是有可能有有两个麦，有没有可能。而我的window点按漏的要什么时候才执行？所有的数据是包含图片数据要全部加载完以后是不是才会按漏的？

能看出区别吧，嗯。通过这个大家就应该能知道window的按no是在什么时候才执行，这里面强调一个就包括页面肯定是要文档加载完，这个文档加载完它比较模糊，知道吧，你说文档加载完到底什么是文档加载完呢？以前我们也老说啊无是window.load还是我们极快的方式，都说文档价值完是吧？文档价值完什么意思呢？这是不是有两种搞法啊，一种是window的and，它是包含什么，包括页面中的图片也要加载完才会，什么回调它的时间什么比较晚，而我们的我们的这种方式啊。页面加载完是不是就毁掉？也就是说我要去管图片吗？要不要管不管图片？但首先你肯定页面要叫什么，这是必然的吧。

对不对，好，这个相当于说什么比较早。啊。这是他们时间早晚的问题。尤其对于图片。是比较区别比较大的吧，也就是说我想在这一个里面，在我的最快的这个回调函数里面去取图片的宽度合适吗？不合适。因为你有可能取不到，你说后来不取到吗？那你有一次取不到是不是就有问题。因为用户第一次访问就出问题了，你觉得用户还用吗？你说老师那他再说再说一遍不就好了吗？你不能这样对吧，你第一次的感觉很重要，OK，你第一次就给人感觉很水，那他肯定就不反过来他懒得刷了。好，还有一个问题，还有一个问题来。

我们现在呢，再加一个window点。是吧，再加一分的量着，我这个呢，写个二。可以吧，哎，我也再加一个，这也写个up，我们看它们会调用几次啊。就刷一下吧，也不搞缓存了。大家看到我的那个接快的回调还是掉几次，是不是两次啊，原一原二嘛，也就是说我的接快的这个回调是不是可以加多个，而window加lo的能加几个，肯定就一个，这必然的，因为你想嘛，你是不是就给window加no这个属性，添加一个函数，你再添加就把以前的什么覆盖掉了，那也就是说window and no它们的区别的R就是window and只能加什么一个间听回调，而我的这一个了可以加什么多个，因为我能加三个吗？

可不可以，可以这样也可以，嗯，这也是啊，面试的时候啊，可能会问的问题。两个方面的区别啊，一个是时间的早晚，一个是什么？监听的个数没有几个。没问题吧，啊，这个也进不来，你知道一下就可以了，嗯。这个我们后面用啊，后面我们会用这个就是给一个image标签加一个node监听来去监视这个图片是否已经得到图片。啊，是否已经得到普遍，这个还是有用的，就是。