JavaScript > location对象

《JavaScript高级程序设计》学习笔记

location是最有用的BOM(Browser Object Model浏览器对象模型)之一。它既是window对象的属性，也是document对象的属性，换句话说，window.location和document.location引用的是同一个对象。

这里主要探讨location对象的位置操作。

使用location对象可以通过很多方式来改变浏览器的位置，最常用的就是使用assign()方法并为其传递一个URL。

location.assign("www.baidu.com");

这样就可以立即打开新URL对应的页面，并在浏览器的历史记录中生成一条记录。
如果将location.href和window.location设置为一个URL值，也会以该值调用assign()方法。例如下面两行代码和显式调用assign()方法的效果完全一样。

window.location = "www.baidu.com";location.href = "www.baidu.com";

修改location对象的其他属性也可以改变当前加载的页面。比如下例。

//假设初始URL为http://www.tony.com/books//为url添加查询字符串，变为"http://www.tony.com/books?bookName=Sophie"location.search = "?bookName=Sophie";//更改为http://www.yahoo.com/bookslocation.hostname="www.yahoo.com";//修改为http://www.tony.com/helloworld/01chapterlocation.pathname = "helloworld/01chapter"//修改为http://www.tony.com:8080/bookslocation.port = 8080;

当通过上述方式修改URL后，浏览器的历史记录就会增加一条新记录，因为用户通过单击”后退”按钮都会导航到前一个页面。要禁用这种行为，可以使用replace()方法。这个方法接收一个参数，即要导航到的URL，结果虽然会导致浏览器的位置改变，但不会在历史记录中生成新记录，在调用repalce()方法之后，用户不能回到前一个页面。

location对象的reload()方法的作用是重新加载当前页面，如果调用reload时不传递任何参数，页面就会以最有效的方式重新加载，也就是说，如果页面自上次请求以来并没有改变过，页面就会从浏览器缓存中重新加载。如果需要强制从服务器重新加载，则需要像下面这样为该方法传递参数true。

location.reload();  //重新加载(有可能从缓存中加载)location.reload(true); //重新加载(从服务器重新加载)

位于reload()调用之后的代码可能会也可能不会执行，这要取决于网络延迟或系统资源等因素，最好将reload()放在代码的最后一行。