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()" > |