如何在 JavaScript 中从 URL 中提取主机名和路径？

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

将 URL 解析为其主机名和路径，这是 Web 开发中的常见要求， JavaScript 提供了多种方法。

1.使用 URL 对象

在现代浏览器和 Node.js 中引入，URL 对象提供对 URL 属性的直接访问，包括主机名和路径名。

let url = new URL("http://example.com/aa/bb/");
console.log("Hostname: " + url.hostname);
console.log("Pathname: " + url.pathname);

2 。正则表达式匹配

对于无法直接进行URL解析的场景，可以使用正则表达式来提取主机名和路径。

let regex = /^(?:https?:\/\/)?(.*?)(?:\/.*)?$/;
let match = "http://example.com/aa/bb/".match(regex);
console.log("Hostname: " + match[1]);
console.log("Pathname: " + match[2]);

3. DOM 解析

在旧版浏览器中，也可以使用创建 HTML 锚元素 () 并访问其属性：

let a = document.createElement("a");
a.href = "http://example.com/aa/bb/";
console.log("Hostname: " + a.hostname);
console.log("Pathname: " + a.pathname);

请记住，主机名代表不带域名的域名端口，而主机包括两者。

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