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 对象的基本用法,可以让我们更好地控制网页的跳转和显示。