126.尚硅谷_JS基础_Location

啊，刚才说了那个navigator，说了history，然后接下来呢，我们还有一个叫做一个location lo，有一个location location，我们那个地址啊，地址栏那个东西啊，在这里边呢，我先把这个给它，刚才那些都给它去掉啊，都给去掉，然后呢，这个也留着吧，改个名叫做一个。Location那这块呢，我们来说一下这个location对象啊，Location对象对象他可以吗？Location中这个什么呢？该对象中封装了什么呢？封装了我们这个浏览器的什么呀，地址地址栏的信息啊，封装的我们这个浏览器地址栏的信息，所以这块你看啊，我在这干嘛呢？我直接来一个alert，一个这个location我们说了它也是window样属性，我是不是直接可以去打印呀？诶直接打印打印呢，我们看看效果，现在这个页面是我们这个location页面啊，我这一点走你诶出来什么呀，是不是这点地址啊，诶获取到的就是我们这个浏览器的这个地址，所以这块我们要说一个如果什么呢？如果直接打印location，诶如果直接打印我们这个location，诶则什么呢？诶，则可以获取到我们这个地址栏的这个什么呀信息啊，就是完整那什么呀，完整那个路。

定啊，就可以获取到我们这个完整一个路径，就是我们这个完整的这个路径，而且什么呀，是我们这个当前页面的哎，完整路径啊，咱页面的完整路径，好，这是我们说老K，那我们会发现你一打印它就能混取到这个路径，那还有一个问题，我是不是可以去改一下啊，诶咱们来看看要干什么呢？来一个location，那你既然是一个路径，我这样lo location等于什么呢？写这么一个HTTP冒号斜杠，斜杠3W点百度点com，诶我是不是在修改这个老K的值啊，改完了我们来看什么效果啊，现在我一刷新还没点呢，对吧，我这一点走你。

是不是转起来了，诶你再等一会呢，我们来看啊，是不就换成百度了呀，但是现在没有网啊，所以显示不出来啊，就换成百度了，你会发现这么改完了以后，我这按钮像个什么了，是不像个超链接一样了，诶像超链接一样啊来那这块呢，我们使用的是一个完整路径，我也可以干嘛呢，我不写这路径，换一个我直接写什么呢？写一个这个吧，01.1个boo.html。我一保存，我们来看效果啊，这块一刷新，然后我这一点走你诶是不是跳到这页面了，诶也可以用一个相对路径，这样你改完了以后是不是会跳转到另一个页面啊，诶跳转到另一个页面啊来我们来说什么呢？如果直接将我们这个location location属性修改，为什么呢？修改为一个这个绝对一个这个诶完整的这个路径或什么呢？或绝对诶或一个相对路径啊或一个相对路径则什么呢？诶则我们的这个页面会什么呢？会自动诶跳转到改路径啊跳转该路径，所以你改完了百度就跳到谁了，跳到百度了，诶改为改成这个报改N头就跳到这个报点N头会自动去跳转页面，而且还有一个问题，并且什么呢？并且会生成我们这个相应的这个历史记录。

什么意思，我这一保存现在呢，我们来给它关上啊，我们重新访问一下，咱们看一下区别，我这一运行呢，怎么叫生成历史记录了，我怎么体现出来了，我这一点页面是不是跳转了呀，跳转以后你注意了，我这是不是可以去回退呀，诶我这一回退就证明刚才生成了一个什么呀，历史记录了啊生成一个历史记录，所以注意是修改location，它会生成这个历史记录的啊生成历史记录的好，这是一个location，然后接下来再看它还有什么东西啊，那这里边呢，刚才说这两种用法，直接来看我们这个对象点开location location呢，这里边属性这边其实它还有有一堆属性是吧，什么这个诶啊，什么house什么，什么pro pro什么，给你一堆这个属性，这属性是干嘛的呢？那么说了，我们一个浏览器地址栏，这个地址是不是会会很长啊，包括如果你提交表单的话，它后边还有什么呢？可能还有这么一个东西，假如说来一个username，等于一个我的in，然后来一个and，一个pass。

字word等于一个123123，举个例子啊，它是不是会附加这么一个东西啊，这东西叫什么呀？叫查询字符串啊，查询字串这咱们讲表赛的时候说过一回啊，但是现在你先不用管了，忘了就忘了，因为咱们现在是用不着，所以那块注意我们表，我们这个浏览器地址呢，它是一个很长的一个地址，它会分成很多部分，包括这一块是我们的。IP地址对吧，这一个8020是我们这个端口号，这一个D17呢，是我们这个项目名等等，会有一系列的这个很长很长的路径，那所以呢，他给我们提供这么一些属性是干嘛的呢？他把我们这个浏览器地址栏分成了什么呀，一部分一部分一部分的，诶比如说你用这个port获取的什么呀，端口号，诶你用这个search呢，获取的是那个什么呀，查询字符串啊，查询字符串以此类推，但是现在这个东西对于咱们来说，目前来讲没有什么意义，因为咱们得需要涉及到服务器的时候，我们才需要去考虑这个URL地址，所以这个呢，我们就不一一的说了啊，不一的说了，你要有个印象，这是把我们这个地址分成了几部分，那像这个HRA就是什么呀，就是一个。

完整的地址就跟你直接打印老K这实际上是一样的啊，我就不不再演示这些东西啊，我们用的时候再去再去说它啊，好，然后呢，下边我们要看的就是它的这些方法啊，方法就三个比较简单，Aign呀，Reload呀，还有一个replace啊，Replace一个一个看，叫做一个aign aign叫什么呀？叫加载新的文档，咱们来看它是怎么用的，直接给它复制过来，啥意思呢？其实这个东西啊，用不用都行，Aign用来干嘛呢？呃，用来跳转到什么呢？跳转到其他页面，它的作用呢，和直接修改我们这个location一样啊，作用和直接修改location一样，那你看我这怎么改的，直接location是不是等于一个地址啊，你可以不这么用，直接来什么呢？第二一个S里边，我直接把这地址呢，作为参数传过去啊，作为参数传过去，我一保存，咱们来看一刷新。

快一点走你。诶是不是也去跳转了呀，诶咱们等会儿是不是也跑到百度去了，诶也跑到百度了啊，这种方式呢，跟我们这个什么呀，跟他是一模一样的啊一模一样的，选哪个呢？根据自己的需要去选啊，根据自己需要选，其实呢，没什么太大区别选啊没太大区别，叫做一个赛啊，它也会干嘛呀，是不是也会生成这个历史记录啊，哎，也会生成这历史记录，这就是缓存是吧？哎也生成这个历史记录啊好，这块一定要注意，叫做一个和三，然后呢，还有一个，还有一个叫做一个。

Reload reload叫什么呀？诶，重新加载当前文档，我们来看什么效果，直接来一个，哎不是location location点一个这个reload，这一保存什么效果呢？我们来看啊，一刷新我这一点走你。似乎是没什么变化是吧，这跟什么呀？诶刷新按钮的功能是一样的啊，一样的re叫重新加载当前页边就是刷新，嗯，用于重新加载当前页面，作用呢，和我们这个什么呀，和这个刷新按钮一样，所以你掉完水之后呢，就相当于你去点了一下那个刷新按钮，你点它，你点它是不是效果是一样的呀啊一样的啊，但是这里边你要注意有个问题啊，什么问题，我们这来演示个东西，我在这儿呢，来这么一个东西，来一个什么呢？Input input tab来一个这个。

Text，我一保存这是不是一个文本框啊，我一刷新在这是不是可以去输入一些东西啊，诶输些东西，但是文本框有个问题啊，你现在我这一点输入一些东西，我这一刷新走，你这东西是不是还在啊，为什么还在，就是因为我们这个缓存啊，缓存你刚才输的东西他干嘛呢？他为了他可能确保你干嘛，你还想要了就不给你清空啊，你点内容的效果干嘛呀，是不是也一样啊，这东西都会给你留着，但是有一些情况干嘛呢？我不需要你用缓存，我希望干嘛呀，你将给我这整个页面是完整的去刷新啊，不要去用缓存，那怎么办呢？你可以按照这个CTRL加上什么呢？F5，诶叫什么呀，强制清空缓存去刷新，那这块是不是就没了呀？诶，那这是我们说我们手动的方式，那我们说如果我要掉方法怎么掉呢？我一点是不是没有强制清空，诶那怎么办呢？来看着我在这传一什么呢，传一个。

触是不是不尔值啊，诶，这我们来看什么效果啊，一刷新一点走，你是不是就没了呀？哎，所以传一个触表示什么呀？叫强制清空缓存刷新啊，强制清空缓存刷新，所以这块我们注意，如果什么呢？如果在我们这个方法中传递一个这个处作为参数，则会什么呢？则会叫做一个强制，诶清空缓存刷新我们这个页面啊，强制清空缓存刷新页面就这么一个区别，不传出干嘛呀，不清缓存这个传出干嘛呀？清空缓存刷新啊好，那这个呢，是我们说的一个诶，Reload，然后接下来还有一个叫什么呢？叫做一个re re replace，使用新的文档替换当前文档，其实这个和它也类似啊，很像，来直接来看吧，Location，点一个RI。

Re replace replace就是替换的意思，对吧，那定意思re replace呢，我这块啊，直接传一个这个相对相对路径啊，我们来说一下它什么意思，Re replace可以什么呢？诶也是可以使用一个这个新的这个页面替换当前页面，它也会什么呢？也会调用完毕也会什么呢，也会跳转页面啊跳转页面我这一保存，咱们来看效果，一刷新，现在我一点是不是掉的replace呀，诶我这一点诶是不是也跳这个bomb了，所以你会发现这个感觉好像跟那个什么呀，跟那个呃S还要直接改是不是差不多呀，但是你要注意啊，你看着啊，我这跳完了，你看我能不能回退了，退不回去吧，退不回去我们再看啊，我得关上重新演示一下，运行一下。现在这是没有历史记录啊，我这一点它一走你是不是切换到切换页面了，但是注意能不能回退，不能回退，所以它的区别就是什么呀，它不会生成历史记录，诶它不会生成我们这个历史记录，也就是什么呢？诶不能使用我们这个回退按钮干嘛呀，回退也就说它是什么呀，它是替换没有生成历史记录，你要想退呢，你就干嘛了，你就退不回去了，哎就这么一个区别啊。A3还有这个replace，它们这么一个区别，Aign呢有历史记录，而replace呢，没有历史记录啊，没有历史记录好，那这个呢，是我们说的一个location这个对象啊，比较简单，以后想操作地栏就找我们的这个location啊location好，那这里边呢，我们来停一下。