获取页面链接角度 - Javascript

在网页开发中，获取页面链接是一个非常重要的操作。本文将介绍在Javascript中如何获取页面链接。

获取当前页面链接

获取当前页面链接最简单的方法是使用 location 对象的 href 属性。这个属性返回当前页面的完整URL。

console.log(location.href);

这行代码将输出当前页面的URL，例如：

https://www.example.com/my-page.html

获取页面的协议、主机名和端口

如果您只想获取页面的协议、主机名和端口，可以使用 location 对象的 protocol、hostname 和 port 属性。例如：

console.log(location.protocol); // 输出 "https:"
console.log(location.hostname); // 输出 "www.example.com"
console.log(location.port);     // 输出 ""

注意，port 属性返回的是一个空字符串，如果页面使用默认端口（https使用443端口），则不需要显示指定端口号。

获取页面的路径和参数

如果您只需要页面的路径和参数，可以使用 location 对象的 pathname 和 search 属性。例如：

console.log(location.pathname); // 输出 "/my-page.html"
console.log(location.search);   // 输出 "?id=123"

pathname 属性包括路径和文件名，但不包括查询参数。如果您需要查询参数，请使用 search 属性。

获取页面的哈希值

如果您想获取页面的哈希值，请使用 location 对象的 hash 属性。例如：

console.log(location.hash); // 输出 "#section1"

hash 属性返回的是页面URL中的哈希值，包括 # 符号。如果页面URL中没有哈希值，这个属性返回一个空字符串。

总结

本文介绍了在Javascript中获取页面链接的方法。使用 location 对象可以轻松地获取页面的协议、主机名、端口、路径、查询参数和哈希值。这些信息对于网页开发非常有用，可以用于调试、分析和交互。