属性
location.href
href
属性返回或设置当前窗口的 URL 地址。
console.log(location.href); // 当前窗口的 URL 地址
location.protocol
protocol
属性返回当前 URL 的协议部分,如 http:
或 https:
。
console.log(location.protocol); // 当前 URL 的协议部分
location.host
host
属性返回当前 URL 的主机名和端口号部分。
console.log(location.host); // 当前 URL 的主机名和端口号部分
location.pathname
pathname
属性返回当前 URL 的路径部分。
console.log(location.pathname); // 当前 URL 的路径部分
location.search
search
属性返回当前 URL 的查询字符串部分,即 URL 中 ?
后面的部分。
console.log(location.search); // 当前 URL 的查询字符串部分
location.hash
hash
属性返回当前 URL 的哈希部分,即 URL 中 #
后面的部分。
console.log(location.hash); // 当前 URL 的哈希部分
方法
location.reload()
reload()
方法重新加载当前页面。
location.reload(); // 重新加载当前页面
location.assign()
assign()
方法将当前窗口导航到指定的 URL 地址。
location.assign('http://www.baidu.com'); // 导航到百度首页
location.replace()
replace()
方法用指定的 URL 替换当前窗口的历史记录,而不生成新的历史记录。
location.replace('http://www.baidu.com'); // 替换当前页面为百度首页
结论
本文介绍了 JavaScript BOM 的 Location 对象,并提供了一些常用的属性和方法。Location 对象包含有关当前窗口的 URL 地址信息,可以让我们方便地控制和管理页面导航和跳转。
感谢您阅读此篇博文!希望它能帮助您更深入地了解 JavaScript Location 对象及其相关操作。如果您有任何问题或疑问,请随时在评论区留言。