Javascript高级编程学习笔记（29）—— BOM（3）location对象

在JS中location是一个神奇的对象

它既是window对象的属性，也是document对象的属性

它的作用主要在于保存当前文档页面的信息，以及将 url 解析为独立的片段

location对象属性

1、hash　　返回url中的 #后面的0个或多个字符，若 url 不包含#则返回空字符串

2、host　　返回url中的服务器名称和端口号 如“localhost:8080”

3、hostname　　返回url中不带端口号的服务器名称

4、href　　返回当前加载页的完整 url

5、pathname　　返回 url 中的路径名如："localhost/lhy:8080" 则返回 "/lhy”

6、port　　返回 url中的端口号

7、protocol　　返回所使用的协议一般为：http、https

8、search　　返回url中的查询字符串，即问号开始的部分，包括问号

上述属性中一般来说可能用到比较多的就是 hash 、search

由于事件中有监听hash改变的事件，所以可以利用该事件来完成前端路由

即一般来说前后分离（非模板直出）的应用常使用该值来进行，不同页面之间的信息传递

位置操作

location对象还有许多方法用于控制当前的页面位置

1、assign方法  传递一个 url 浏览器会打开该 url 并生成一条新的浏览记录（window.location或location.href修改值的时候默认会调用assign方法）

2、replace方法  该方法和assign类似，但是两者的区别在于，assign会新生成浏览器的历史记录，而replace不会生成新的，而是会用传入的参数来替换当前的url

3、reload方法 该方法不用传入参数，若传入true则会忽视浏览器缓存，强制从服务器重新加载

以上就是location有关的内容，本来还要讲一个对象的，但是今天是元旦嘛，就放松一下

大家元旦快乐，emm.....