Window Location对象

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

window.location 对象在编写时可不使用 window 这个前缀。

Location 对象属性

//URL
http://www.w3school.com.cn:8090/tiy/t.asp?f=hdom_loc_search#part2

hash 设置或返回从井号 (#) 开始的 URL（锚）。

#part2

host 设置或返回主机名和当前 URL 的端口号。

www.w3school.com.cn:8090

hostname 设置或返回当前 URL 的主机名。

www.w3school.com.cn

href 设置或返回完整的 URL。

http://www.w3school.com.cn:8090/tiy/t.asp?f=hdom_loc_search#part2

pathname 设置或返回当前 URL 的路径部分。

/tiy/t.asp

port 设置或返回当前 URL 的端口号。

8090

protocol 设置或返回当前 URL 的协议。

http:

search 设置或返回从问号 (?) 开始的 URL（查询部分）。

?f=hdom_loc_search#part2

Location 对象方法

assign() 加载新的文档。

function newDoc() {
  window.location.assign("http:/baidu.com")
 }

<input type="button" value="Load new document" onclick="newDoc()" />

reload() 重新加载当前文档。

window.location.reload()

replace() 用新的文档替换当前文档。

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

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

window.location.replace("http://www.w3school.com.cn")