window.location对象详解

window.location 对象不仅可以获得当前页面的地址 (URL)，还能够将浏览器重定向到新的页面。

打开chrome的调试工具，在Console一栏中输入window.location，出现如下图所示（包含location的多个属性）：

1、window.location对象常用属性

接下来以http://www.myurl.com:8866/test?id=123&username=xxx作为栗子，介绍一下location的常用属性：

1.1 window.location.href（当前URL）

返回当前页面的 URL

http://www.myurl.com:8866/test?id=123&username=xxx

1.2 window.location.protocol（协议）

http:

1.3 window.location.host（域名 + 端口）

www.myurl.com:8866

1.4 window.location.hostname（域名）

www.myurl.com

1.5 window.location.port（端口）

8866

1.6 window.location.pathname（路径部分）

/test

1.7 window.location.search（请求的参数）

返回?后面部分（包含?）

?id=123&username=xxx

1.8 window.location.hash （返回值：#xxx）

2、window.location对象常用方法

• location.assign() 加载一个新的文档,就相当于一个链接，跳转到指定的url

• location.reload() 重新加载当前文档，没有参数或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。如果该方法的参数为 true，那么会绕过缓存，从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

• location.replace() 用一个新文档取代当前文档,不会在 History 对象中生成一个新的记录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前记录。