JavaScript Window Location 学习笔记
简介
在 JavaScript 中, location
对象是一个包含当前窗口 URL 信息的对象。可以通过该对象来读取或修改窗口中当前显示的网页 URL。
常用方法和属性
以下列举了一些常用的方法和属性:
属性:
location.href
:设置或返回完整的 URL。location.host
:设置或返回主机名和当前 URL 的端口号。location.hostname
:设置或返回主机名部分。location.pathname
:设置或返回当前 URL 的路径部分。location.port
:设置或返回当前 URL 的端口号部分。location.protocol
:设置或返回当前 URL 的协议部分。
方法:
location.assign(url)
:将文档加载到新的 URL。location.reload()
:重新加载当前 URL。location.replace(url)
:用新的 URL 替换当前 URL。
实例
以下是一些基于 location
对象的实例:
javascriptCopy Code// 获取当前 URL 的完整地址
console.log(location.href);
// 修改当前 URL 的路径
location.pathname = "/index.html";
// 将文档加载到新的 URL
location.assign("https://www.example.com");
// 重新加载当前 URL
location.reload();
// 用新的 URL 替换当前 URL
location.replace("https://www.example.com");
以上只是一些简单的示例,location
对象还有更多的用途,例如获取 URL 中的查询字符串和哈希值等。熟悉 location
对象的基本用法,可以让我们更好地控制网页的跳转和显示。