JavaScript Location对象使用方法汇总

JavaScript中的Location对象代表着当前页面的URL信息,包括协议、主机名、端口号、路径、查询字符串和片段标识符等。Location对象还可以通过编程方式来访问和操作浏览器的历史记录。

下面是Location对象的一些重要属性和方法:

  1. href属性(用于获取或修改当前页面的URL)
console.log(location.href); // 获取当前页面的URL
location.href = "http://www.example.com"; // 修改当前页面的URL
  1. protocol属性(用于获取或修改URL中的协议部分)
console.log(location.protocol); // 获取当前页面的协议
location.protocol = "https:"; // 修改当前页面的协议
  1. host属性(用于获取或修改URL中的主机部分)
console.log(location.host); // 获取当前页面的主机名和端口号
location.host = "www.example.com:8080"; // 修改当前页面的主机名和端口号
  1. pathname属性(用于获取或修改URL中的路径部分)
console.log(location.pathname); // 获取当前页面的路径
location.pathname = "/new/path"; // 修改当前页面的路径
  1. search属性(用于获取或修改URL中的查询字符串部分)
console.log(location.search); // 获取当前页面的查询字符串
location.search = "?q=example"; // 修改当前页面的查询字符串
  1. hash属性(用于获取或修改URL中的片段标识符部分)
console.log(location.hash); // 获取当前页面的片段标识符
location.hash = "#section1"; // 修改当前页面的片段标识符
  1. reload方法(重新加载当前页面)
location.reload(); // 重新加载当前页面
  1. replace方法(用新的URL替换当前页面的历史记录条目)
location.replace("http://www.example.com"); // 用新的URL替换当前页面的历史记录条目
  1. assign方法(将浏览器的当前位置设置为新的URL,并将其添加到浏览器的历史记录中)
location.assign("http://www.example.com"); // 将浏览器的当前位置设置为新的URL,并将其添加到浏览器的历史记录中
  1. toString方法(将Location对象转换为字符串表示)
console.log(location.toString()); // 将Location对象转换为字符串表示

示例代码:

// 获取当前页面的URL
console.log(location.href);

// 修改当前页面的URL
location.href = "http://www.example.com";

// 获取当前页面的协议
console.log(location.protocol);

// 修改当前页面的协议
location.protocol = "https:";

// 获取当前页面的主机名和端口号
console.log(location.host);

// 修改当前页面的主机名和端口号
location.host = "www.example.com:8080";

// 获取当前页面的路径
console.log(location.pathname);

// 修改当前页面的路径
location.pathname = "/new/path";

// 获取当前页面的查询字符串
console.log(location.search);

// 修改当前页面的查询字符串
location.search = "?q=example";

// 获取当前页面的片段标识符
console.log(location.hash);

// 修改当前页面的片段标识符
location.hash = "#section1";

// 重新加载当前页面
location.reload();

// 用新的URL替换当前页面的历史记录条目
location.replace("http://www.example.com");

// 将浏览器的当前位置设置为新的URL,并将其添加到浏览器的历史记录中
location.assign("http://www.example.com");

// 将Location对象转换为字符串表示
console.log(location.toString());

本文链接:https://my.lmcjl.com/post/19190.html

展开阅读全文

4 评论

留下您的评论.