JS 从 URL 获取主机名 - Javascript

在Web开发中，获取URL的主机名是常见的任务之一。Javascript可以通过URL对象或者正则表达式来获取URL的主机名。

使用URL对象获取主机名

URL对象是一个内置对象，它提供了一些有用的属性和方法来解析和操作URL。要获取URL的主机名，可以使用URL对象的hostname属性。

const url = new URL('https://www.example.com/path/to/page?q=123');
const hostname = url.hostname;
// 结果: "www.example.com"

在上面的例子中，我们创建一个URL对象并将URL传递给它。然后，我们可以使用hostname属性获取主机名。

使用正则表达式获取主机名

另一种方法是使用正则表达式来从URL中提取主机名。这种方法特别适用于处理不规则的URL。

const url = "https://www.example.com/path/to/page?q=123";
const hostname = url.match(/^https?:\/\/([^/?#]+)(?:[/?#]|$)/i)[1];
// 结果: "www.example.com"

在上面的例子中，我们使用一个正则表达式来从URL中提取主机名。该正则表达式是通过匹配协议和主机名部分来提取主机名的。

总结

以上是两种获取URL主机名的方法，根据实际需要来选择合适的方法。如果要解析和操作整个URL，建议使用URL对象。如果只需要提取主机名，则可以使用正则表达式。

参考链接：MDN Web Docs