js location 对象

JavaScript中的location对象用于获取和操作浏览器的URL信息。它包含了当前页面的URL、域名、协议等相关信息。下面是对location对象的详细解析和代码示例。

location对象的常用属性：

• location.href：获取或设置完整的URL。
• location.hostname：获取或设置主机名（域名）。
• location.protocol：获取或设置协议（如http、https等）。
• location.pathname：获取或设置URL路径部分。
• location.search：获取或设置URL的查询字符串部分。
• location.hash：获取或设置URL的哈希部分。

location对象的常用方法：

• location.assign(url)：加载一个新的URL，并将浏览器的URL设置为该URL。
• location.reload()：重新加载当前页面。
• location.replace(url)：用新的URL替换当前页面，无法通过浏览器的“后退”按钮返回原页面。

代码示例：

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

// 获取主机名
console.log(location.hostname);

// 获取协议
console.log(location.protocol);

// 获取路径
console.log(location.pathname);

// 获取查询字符串
console.log(location.search);

// 获取哈希部分
console.log(location.hash);

// 加载一个新的URL
location.assign('https://www.example.com');

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

// 用新的URL替换当前页面
location.replace('https://www.example.com');

这些是location对象的一些常用属性和方法。通过使用它们，您可以获取和操作浏览器的URL信息，从而实现一些有趣的功能，比如页面重定向、加载新页面等。