URL: pathname 属性

注意：此功能在 Web Workers 中可用。

pathname 属性是 URL 接口的一个属性，它表示分层结构中的一个位置。它是一个由路径段列表构成的字符串，每个路径段都以 / 字符作为前缀。

具有 分层方案（URL 标准称为“特殊方案”）的 HTTPS、HTTP 或其他 URL 至少包含一个（不可见的）路径段：空字符串。因此，此类 URL 的 pathname 值将始终至少包含一个 / 字符。

对于非分层方案，如果 URL 没有路径段，则其 pathname 属性的值将为空字符串。

值

字符串。

示例

具有不可见段的路径名

下面的 URL 只有一个路径段，即空字符串。pathname 值是通过在空字符串前添加 / 字符来构造的。

js
const url = new URL("https://mdn.org.cn");
console.log(url.pathname); // Logs "/"

带有查询参数的路径名

以下示例显示了带有查询参数的 HTTPS URL 的路径名。

js
const url = new URL(
  "https://mdn.org.cn/en-US/docs/Web/API/URL/pathname?q=value",
);
console.log(url.pathname); // Logs "/en-US/docs/Web/API/URL/pathname"

查询参数不构成路径的一部分。请注意，某些系统使用 ; 和 = 字符来分隔适用于路径段的参数和参数值。例如，对于 URL https://example.org/users;id=42/tasks;state=open?sort=modified，系统可能会从路径段 users;id=42 和 tasks;state=open 中提取并使用路径段参数 id=42 和 state=open。

带有 slug 的路径名

某些系统将术语“slug”定义为非空路径的最后一个段，如果它以人类可读的关键词标识页面。例如，以下 URL 的 slug 为 this-that-other-outre-collection。

js
const url = new URL(
  "https://example.org/articles/this-that-other-outre-collection",
);
console.log(url.pathname); // Logs "/articles/this-that-other-outre-collection"

规范

规范
URL 标准
# dom-url-pathname

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅

  • 它所属的 URL 接口。