93.尚硅谷_JS基础_文档的加载

支件做了一个介绍，然后呢，接下来我们来看一个东西啊，也是一个呃，比较重要一个东西叫零七，我们来说一下我们这个文档的一个这个加载，说这个之前呢，我们还是把刚才的东西给他演示一下啊，我们这来一个BOO，来一个这个button button写一个这个点我一下，点我一下呢，我给他来一个idd，等于这个B填随便写一个一保存，这就出来一个按钮，对吧？然后呢，我们来写一什么绑定这个单击响应函数，我们先来干嘛呀，先来获取我们这个ID为BTN的这个按钮啊，获取ID为BTN的按钮，怎么获取啊，挖一个BTN等于一个这个document.guide白ID来一个BTN按钮上是有了呀，然后我们来为我们这个按钮来绑定一个这个单击响应函数，一天点一个on click等于一个，这个function等于function，然后我们就来写一个。

随便写一个，写一个这个HELLO1保存，那现在效果是当我一点这个按钮，它就给我弹出一个提示框出来什么呀，Hello对吧？诶好，那现在我这一点走，你是不是hello就出来了，还这么一个效果，但是大家肯定都会有这个疑问，之前呢，我们通常都是把这个词困编号写到什么呀，写到head里，今天是不是突然写这来了是吧？哎按我说这写上边不行，写这感觉不爽干啥呀，我还得写上面去写这边行不行呢？我们来看看啊，我这一保存咱们来看效果啊，一保存有发错了，哎不能设置一个这个属性，哎昂可利给谁呀？给给那诶就是你不能给那一个类型的数据添加一个昂可利这个属性，诶报错了，报错报错不管点走你走走走走，诶完了，他不仅报错了，而且按钮点完了，他是不是还他还。

不好用了呀，哎呀还不好用啊，这是为什么呀，找不着诶我们来说一下啊，这里边我们来说什么呢？我们要说一下我们这个浏览器加载页面的一个顺序，比如说我们浏览器在这个加载一个页面时是什么呀？是按照我们这个字上向下的这个顺序加载的，你要字上上下啊，我是不是先从最上面读一行一行一行一行一行，是不是一行一行读啊，哎，一行一行读，读到一行呢，读取到一行就什么呀，就哎运行一行啊，读取到一行就运行到一行，那换句话说啊，我这先给它住了，住了以后呢，我这来一个这个aler上aler一个这个hello随便写一个hello，那现在问你我这aler的hello跟我这按钮谁在前面呢？是不aler呀？诶，那我问你，当我这乐执行的时候，我这按钮加没加载呢，不是没加载的呀，因为。

它是先执行啊，诶先执我这一保存，但是这看不出来啊，咱们在外边看在我们这个外部了，去看一眼，一发现乐乐是不是已经出来了呀，但是注意按钮出来了吗？没有，为什么没出来，因为什么呀？因为我们这个代码是先执行的按钮，它为什么呀？诶它按码是不是后出来的呀？哎按钮按按钮是后出来的，所以你会发现什么呢？一个问题。诶读取到一行就运行一行，如果什么呢？如果将我们这个script的标签，也就是我们这个GS代码写到什么呢？写到我们这个页面的一个上边，诶在什么呢？在我们这个代码执行时，诶在代码执行时什么呢？页面还什么呀，还没有，还没有加载，诶那来看我这有一个十五行这个代码，我十五行是不是在第十五行的时候执行的呀？哎，那我这代码我这按钮什么时候加载的呀，27行都是加载的，对吧？你说什么呢？你你你把他爷爷逮着了，你说干嘛呀，我说你说我要抓葫芦娃。

但是爷爷呢，那葫芦娃还没中呢，那所以这时候你能获取到那葫芦娃吗？获取不到，所以什么呢？在你这一行代码执行的时候，这按钮加载了吗？没有加载呢？没有加载，所以你在获取的话，有这个ID为必贴这个按钮吗？没有，所以必贴应该是什么呀？应该是哎，那我们来看直接来一个cancel.log一个什么呀，一个B填我这一保存什么呀，No啊是空的，而你又干嘛呢？你又给空的一个值去设置属性，它干嘛了，是不是就。报错了，哎就报错了啊，所以我们才干嘛呀，哎不能写到这儿，那不能写到这儿，那怎么办呀，把它写到诶CTRLC把它干嘛呢？那你还给他写什么呀，写到下边，你写到下边以后什么特点了，谁先执行，是不是按钮先加载的，然后这个才执行，那这时候我把它住了啊把它住了，我这一保存，咱们来看一刷新走，你是不是就没报错了，你这一点是不是就OK了呀，诶就OK了啊所以注意为什么写到下边，写到下边就是什么呢。

将我们这个GS代码编写到我们这个什么呀，页面的这个下部，就是什么呢？就是为了可以什么呢，可以在我们这个页面加载完毕以后，在什么呢？再执行我们这个GS代码啊，就是确保我们这个页面加载完成之后呢，再执行啊再执行这是一个，那我们先给他住了啊，但是呢，咱们先说先不说先留这住，但是我感觉干嘛呀，写这儿吧。别扭，我还是愿意写哪啊，我还是愿意写上边，不愿意写这，写这儿呢，就就就不行，写这就想自杀是吧，不能写这，那你说你就死去是吧，死去了啊不行就不写这儿，我就得写上面，哎就得写这块，我就写这，但是呢，一写这没用是吧？那这玩意怎么办呀，我还想写这，我还希望它有用，那怎么办呀，我还想写上边，但是我这东西我可以写上边，但是我希望什么呀，虽然写上边了，但是不是什么呀，不是马上执行，换一句话说，我希望什么呢？我希望这一段代码等我这个页面加载完了以后是在执行啊，诶咱们先不管它，我们先来一什么呢？来一个alert alert一个这个hello，这个alert是不是一上来就执行啊，我这个保存咱们来看效果，一刷新是不是上来就执行了，按钮有没有了，没有了，那我希望什么呢？我希望这个alert可以在什么呢？在整个页面。

加载完成之后它再执行，那怎么办呀。整个页面加载完成，诶整个页面加载完，这个好像它是不是也是一个事件呀，对吧？那么想如果它也是一个事件，我找到这个事件，为这个事件绑定一个响应函数，我把这些代码写到这个响应函数里，这样是不是就可以确保页面加载完成以后它才会执行啊，诶，那有没有这个时间呢？诶我们来看看吧，看咱们这边找一堆时间，看看有没有一会在完成，乱七八糟，乱七八糟，乱七八糟，乱七八糟，诶一看这有一什么呢？叫做一个unlo load什么意思呀？诶你玩游戏加载什么downloadlo的是吧？什么这个lo加载对吧？哎，Lo就是加载的意思，怎么写的呀？一张页面或地幅图像完成加载，咱们要找的是不是就是它呀？诶叫做一个onload的时间，诶，Onload时间什么时候。

出发呢，我们来说一下lo的这个事件会在什么呢？会在我们这个整个页面加载完成之后才干嘛呀，才出发哎，才出发，那现在事件找到了，接接下来的问题就是什么呀，这事件我。

绑给谁？你要绑你是不是有个对象啊？诶我绑给谁呀？诶要不知道的话，我们给点开是不是看一眼呀，看看呗，一点开我们来看支持该事件的什么扎va对象，什么image啊，什么这个layer啊，这都不管了，这明显不是他俩是吧，就剩于谁了，是window了，诶所以咱没得选了，只能绑定给我们这个window，所以这里边呢，我们来给window绑定一个这个load时间，为我们这个window绑定一个这个onload的这个事件怎么绑定，直接window点一个onload等于一个这个function，你看我给window的onload事件绑定了一个函数，那还是这个问题，我问你这函数是不是一上来就执行，不是，是不是处当我这个事件触发的时候才执行啊，那问题来了，事件什么时候触发，页面加载完成以后是不是才触发呀？诶那我们来给它整过来，那么说了整个页面都加。

带完了，那那个八有没有有了吧，好，那现在我问你是他先出来还是八先出来，诶咱们看效话啊，我这一刷新走你诶你看八台是不是已经跟这了呀，哎，你跟这了啊，所以注意window.load的什么作用，就是可以确保它这个回调函数里边这个代码可以什么呀，可以在整个页面加载完成以后才执行啊，才执行好，那我一想刚才你不获取不到吗？来吧，我把这一堆干嘛呀，都放到这个函数里，然后把这注释给它打开，那我们说了，也就是说现在这一堆代码我都统一放到了什么呀函数里，那他们什么时候执行。是不是页加载完成之后执行啊，那我们说了还是这个问题，页面加载完了，八的是不是也有了呀，八的有了我是不是就可以获取到了，哎，咱们来看看，这样一保存咱们一点走，你是不是就行了呀，那就行了啊所以这块注意，如果你想把这个代码写到我们这个什么呀，诶sscript标写到什么呀，写到这个hide里，你就可以干嘛呢？可以把这个代码统一写到window.load对应的那个什么呀，对应的那个函数里，这样可以干嘛呢？可以确保我们这个代码是在页面加载完成之后干嘛呀执行诶就可以干嘛了，可以正常获取到我们那个什么对象啊对象，哎，来我们再来说一下啊，诶online的事件，哎，我们为window绑定一个online的事件，该事件对应的这个什么呢？诶，该事件对应这个响应函数，将会在我们这个页面加载完成之后执行啊，加载完成之后之后执行这样什。

那这样可以确保我们的什么呀，代码执行时，诶所有的这个什么呀，盗对象已经什么呀，已经加载完毕了啊，已经加载完毕了，可以什么呢？诶诶已经加载完毕了，那就不会出现什么了，不会出现获取不到我们这个盗墓对象的这个情况了吧，诶不会出现我们这个获取不到这个盗墓项的情况了啊好，那这一块呢，所以以后你要写的时候一定要注意了，如果你想把代码写上边，一定要先写谁window，然后把你所有的代码都写到我们这个什么呀，这个函数里，这样就可以确保着可以运行了，当然如果说你我说你说你就写写这了，写这你还用不写文题打扰了，诶就不用写了，因为它已经是在最里边了啊，已经在最里边了，好，那这个呢，是我们说的这个，哎，这个文档加载这块再补充一下啊，在代码执行时，页面还没有加载，页面没有加载什么呢，诶页面没有加载什么呢，我们这个do对象也什么呀也没。

好，下来。会导致什么呢？会导致我们这个无法获取到什么呀，我们这个do对象啊，无法获怎么着，我对象解决方式要么写下边，要么写什么呀，Window点等于function啊，要么写这里边，诶那我们这有两个地方，你写哪好啊，两个地方总有一个地方好，有一个地方不好是吧？或者稍微差一点的地方写哪好啊，写上边好还是写下面好，其实各有优点啊，各有优点，如果说我们追求性能的话啊，我们追求性能的话，我们想想这东西你想的，你写上边它是不是先加载啊，先加载你又不执行。

那有没有必要，没有必要你先加载，你先加载了是不是就会影响到我页面的一个加载速度啊，诶会影响到我们这个页面的一个加载速度，所以我们希望什么呀，我们还是希望先加载页面，然后再加载这个GI代码吧，所以这块最优的写哪啊写下边诶后加载后执行干嘛呢？页面先出来，我这代码是不是才执行啊，这样呢是我们最佳的一个用户体验，最优的地方是写到下边啊，写到下边，但是实际上是什么呀，差距大不大呀，不大，现在网速其实已经足够快了，你写上边写下边加载速度呢，它也不是那么大啊，不是那么大，所以呢，写下边呢也行，写上边呢，你就要想着写到我们这个温度点。

Loud啊，小问lo，但是呢，实际上你会到了公司里边，你会发现什么呀。都公司里边都是怎么写的，哎，大部分公司哪都有哪都有啊，上边一堆，中间一堆，下边一堆，可能带中间课后还一堆，可能还有外部还有一堆是吧？哎，可能哪都有，为什么，为什么会出现这种情况，哎，写的人是不是太多了呀，大部分人都是什么呀，怎么顺手怎么写，管你那个是吧，管你那个，但是你们写的时候，我还是希望你们尽量有一个什么呀，养成一个良好的一个习惯啊，根据公司的需求，如果你公司都是往下边写，你要不妨就干嘛呀，往下边写，如果公司都是写在上边，你也干嘛呀，不妨就写上边，写上边最大好处什么呀。

好管理那叫好管理啊，我们的style样式表啊，我们的死script对象是不是都都可以写这儿啊，你写这一打开页面一上来是不是就看见了，哎，我们好好改啊，好修改好管理好，我们来停一下。