HTML | DOM 位置主机属性

HTML文档的位置主机属性是指当前页面的URL信息，它支持与URL相关的操作，如URL的分解、构建、查询参数处理等，可以是以下几个属性：

• href：返回完整的URL。
• host：返回URL的主机名和端口号。
• hostname：返回URL的主机名。
• protocol：返回页面使用的协议（http、https等）。
• pathname：返回URL的路径部分。
• search：返回URL的查询部分（问号以及后面的参数）。
• hash：返回URL的片段标识部分。

如何使用位置主机属性

在JavaScript中，可以通过document对象来访问当前文档的位置主机属性。

例如，可以这样获取当前页面的完整URL：

console.log(document.location.href);

也可以这样获取当前页面的主机名：

console.log(document.location.hostname);

此外，还可以使用location对象的方法来操作URL。下面是一些常用的方法：

assign(url)

将当前文档重定向到指定的URL。

location.assign("http://www.example.com");

reload(force)

重新加载当前文档。如果force为true，则从服务器重新加载文档。

location.reload();

replace(url)

用指定的URL替换当前文档。

location.replace("http://www.example.com");

总结

位置主机属性为处理URL提供了便捷的方式，可以通过document对象轻松地获取和操作当前页面的URL信息。了解并掌握这些属性和方法，对于编写JavaScript应用来说，是非常有用的。