JavaScript Location 对象属性与方法详解

Location 对象概述

Location 对象用于描述当前窗口所打开的网页地址。若需获取当前窗口的地址信息，直接引用 location 即可；若需操作特定窗口的地址，则通过“<窗口对象>.location”的形式进行访问。

URL 属性详解

protocol 属性返回 URL 的协议部分，常见的返回值包括 'http:'、'https:' 和 'file:' 等。

hostname 属性返回 URL 的主机名部分。例如，对于地址“http://www.microsoft.com/china/”，location.hostname 的值为 'www.microsoft.com'。

port 属性返回 URL 的端口号。通常情况下，HTTP 协议的默认端口号为 '80'。

host 属性返回主机名与端口号的组合，格式如 'www.a.com:8080'。

pathname 属性返回 URL 的路径名部分。例如，对于地址“http://www.a.com/b/c.html”，location.pathname 的值为 'b/c.html'。

hash 属性返回 URL 中“#”符号及其后的内容。例如，对于地址“http://www.a.com/b/c.html#chapter4”，location.hash 的值为 '#chapter4'；若 URL 中不包含“#”，则返回空字符串。

search 属性返回 URL 中“?”符号及其后的查询字符串部分。例如，对于地址“http://www.a.com/b.asp?selection=3&jumpto=4”，location.search 的值为 '?selection=3&jumpto=4'；若 URL 中不包含“?”，则返回空字符串。

href 属性返回完整的 URL 字符串，即地址栏中显示的全部内容。若需通过脚本打开指定地址，可赋值给 location.href，或直接赋值给 location 本身，两者均可实现页面跳转。

Location 常用方法

Location 对象提供了以下常用方法：

reload() 方法用于刷新当前页面，其效果等同于点击浏览器上的“刷新”（IE）或“Reload”（Netscape）按钮。

replace() 方法用于加载新的 URL，并替换当前历史记录中的条目。使用该方法跳转后，用户无法通过浏览器的“后退”按钮返回到之前的页面。