JavaScript Window Location
JavaScript Window Location
JavaScript Window Location 对象用于获取当前文档的 URL 地址,并能在窗口中跳转到一个新的页面。
属性
hash
:获取当前页面 URL 中的锚点(#)后面的值。host
:获取当前页面 URL 中的域名和端口号。hostname
:获取当前页面 URL 中的域名。href
:获取当前页面的完整 URL。pathname
:获取当前页面 URL 中的路径和文件名。port
:获取当前页面 URL 中的端口号。protocol
:获取当前页面 URL 中的协议(通常是http或https)。search
:获取当前页面 URL 中的查询字符串(? 以及之后的内容)。
方法
assign(url)
:在当前窗口中加载一个新的 URL。reload()
:重新加载当前窗口。replace(url)
:用指定的 URL 替换当前窗口的历史记录。
实例
以下是一些 JavaScript Window Location 的用例:
// 获取当前页面的完整 URL
console.log(location.href); // https://example.org/pathname/?search=test#hash
// 获取当前页面 URL 中的锚点
console.log(location.hash); // #hash
// 获取当前页面 URL 中的查询字符串
console.log(location.search); // ?search=test
// 获取当前页面 URL 中的协议
console.log(location.protocol); // https:
// 在当前窗口中加载一个新的 URL
location.assign('https://example.org/new-url');
// 重新加载当前窗口
location.reload();
// 用指定的 URL 替换当前窗口的历史记录
location.replace('https://example.org/new-url');
注意事项
- 在实际使用 Window Location 的时候,最好根据需要选择使用具体属性或方法。不需要获取完整 URL 的话,就不必使用
location.href
。 - 在使用
location.reload()
方法时,有时会遇到浏览器缓存的问题。可以在方法后面加上一个参数,强制刷新页面来避免这种情况。例如:location.reload(true)
。 - 在使用
location.replace()
方法时,会替换当前窗口的历史记录,所以用户返回前一个页面时,将无法再次返回到当前页面。