Web API URL.pathname 属性介绍

在 Web API 中，URL.pathname 属性是一个只读属性，它返回 URL 对象中 URL 路径的部分。该属性仅包括 URL 的主机和查询字符串之间的内容。

语法

var pathname = urlObj.pathname;

其中，urlObj 是一个 URL 对象，pathname 是一个字符串类型的变量，用于保存 URL 路径的部分。

返回值

pathname 的返回值是一个字符串，表示 URL 的路径部分。如果 URL 中不包含路径，则返回一个空字符串。

例如，对于以下 URL：

var url = "https://www.example.com/path/to/page.html?id=123"

URL.pathname 的返回值将是：

"/path/to/page.html"

用途

URL.pathname 属性通常用于获取 URL 中的路径信息，以便进行相关操作，例如：

• 根据路径生成面包屑导航
• 根据路径判断当前页面是否需要执行某些特定的操作

注意事项

• URL.pathname 属性不包括 URL 的协议、主机名（域名）和端口号，只包括 URL 路径部分。
• 如果 URL 中不包含路径部分，则返回一个空字符串。
• URL.pathname 属性是只读的，不能通过赋值操作修改 URL 的路径部分。

示例代码

以下是一个示例代码，演示如何使用 URL.pathname 属性获取 URL 的路径：

var url = new URL("https://www.example.com/path/to/page.html?id=123");
console.log(url.pathname); // 输出 "/path/to/page.html"

参考链接

• MDN Web Docs: URL.pathname