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

在 JavaScript 中将 URL 解析为主机名和路径

将 URL 字符串处理为可以根据需要访问主机名和路径名的对象，您可以利用现代解决方案或替代方法。

带有 URL 的现代方法对象：

最直接的解决方案是使用 URL 构造函数。它创建提供主机名和路径名属性的 URL 对象的实例。例如：

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

console.log(a.hostname); // "example.com"
console.log(a.pathname); // "/aa/bb"

请注意，主机名仅包含域，不包含任何端口信息。对于域名和端口，您可以使用主机代替。

替代方法：

如果现代方法不可用，您可以考虑以下替代方法：

• 正则表达式：使用正则表达式，您可以提取主机名和路径名来自 URL 字符串。但是，它可能很复杂且容易出错。
• DOM 解析： 您可以创建一个 HTML 元素，将其 href 设置为 URL，然后解析生成的 DOM 以检索所需的内容特性。这种方法需要浏览器支持，并且可能会比较慢。

结论：

使用 URL 构造函数的现代解决方案是解析 URL 的首选和推荐方法转换为 JavaScript 中的主机名和路径名。

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