Location 对象

location 对象提供了与当前窗口中加载的文档有关的信息和一些导航功能。它既是 window 对象的属性,又是 document 对象的属性。

属性

属性 例子 描述
hash "#contents" 设置或返回从井号 (#) 开始的 URL(锚)。
host "www.tming.net.cn:80" 设置或返回主机名和当前 URL 的端口号。
hostname "www.tming.net.cn" 设置或返回当前 URL 的主机名。
href "http://www.tming.net.cn" 设置或返回完整的 URL。
pathname /Index/ 设置或返回当前 URL 的路径部分。
port 8080 设置或返回当前 URL 的端口号。
protocol "http:" 设置或返回当前 URL 的协议。
search "?q=javascript" 设置或返回从问号 (?) 开始的 URL(查询部分)。

方法

assign() 加载一个新的文档。

1
2
3
function newDoc(){
  window.location.assign("www.tming.net.cn")
}
1
<input type="button" value="Load new document" onclick="newDoc()">

reload() 方法用于重新加载当前文档。

如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

1
2
3
function reloadPage(){
  window.location.reload()
}
1
<input type="button" value="Reload page" onclick="reloadPage()">

replace() 方法可用一个新文档取代当前文档。

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

1
2
3
function replaceDoc(){
  window.location.replace("www.tming.net.cn");
}
1
<input type="button" value="Replace document" onclick="replaceDoc()">

上一节:Window 对象

下一节:Navigator 对象