如何有效地解析 JavaScript 中的 URL 以提取主机名和路径？

解析 JavaScript 中的 URL：提取主机名和路径

在 JavaScript 中处理 URL 时，通常需要从字符串中提取特定组件表示。在本例中，目标是将 URL 解析为其组成部分，包括主机名（例如“example.com”）和路径（例如“/aa/bb”）。

现代解决方案

JavaScript 中 URL 解析的现代标准化方法是通过使用 URL 构造函数。考虑以下示例：

let a = new URL("http://example.com/aa/bb/");

此构造函数返回具有以下属性的对象：

• 主机名：“example.com”
• 路径名： "/aa/bb"

注意：

• host 包括主机名和端口（如果有），而主机名仅包含域.
• 相对 URL（没有协议或域）需要第二个参数，即基本 URL，才能正确解析。例如：

let a = new URL("/aa/bb/", location);

Legacy Options

• RegExp: 正则表达式也可以用于提取主机名和路径，但需要复杂的模式匹配。
• 锚点标签： 在 DOM 中创建锚点元素并将 URL 分配给其 href 属性，可以访问主机名和路径名等组件属性。

注意事项

• 大多数主流浏览器和 Node.js 都支持现代 URL 构造函数版本。
• 对于较旧的环境，可能需要遗留方法或填充。

以上是如何有效地解析 JavaScript 中的 URL 以提取主机名和路径？的详细内容。更多信息请关注PHP中文网其他相关文章！