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() 方法时，会替换当前窗口的历史记录，所以用户返回前一个页面时，将无法再次返回到当前页面。