JavaScript 如何从URL获取域名

什么是URL

URL是另一个称为网址的名称。例如，一个基于单词的URL是Javatpoint.com。URL也可以使用IP地址（例如192.168.2.24）创建。大多数用户在进行在线搜索时提供名称地址，因为名称比数字更容易记住。

Web浏览器使用URL向Web服务器请求特定页面。下面是URL的语法和格式的列表。

语法

Scheme://prefix.domain:port/path/filename

参数

Scheme-

指定互联网服务的类型（通常使用http或https）。

Prefix-

建立域前缀（http的默认前缀是www）。

Domain-

讨论互联网上的域名（例如javatpoint.com）。

Port-

标识主机上的端口（http的默认端口是80）。

Path-

在服务器端创建路径。

Filename-

标识资源或文档的名称。

从URL中获取域名在javascript中可以是一个有用的任务，出于各种原因，例如提取域名进行网络分析或安全目的。在本答案中，我们将探讨在javascript中从URL中提取域名的不同方法，以及它们的利弊。

1. 使用window.location对象

从javascript中的URL获取域名的最直接的方法是使用window.location对象，该对象提供关于当前URL的信息。window.location.host属性给出包括端口号在内的域名。下面是一个示例：

Const domain = window.location.host;

这种方法的优点是简单可靠。然而，它只适用于当前的URL，所以如果你需要从不同的URL中提取域名，你需要使用不同的方法。

2.使用URL构造器

从javascript中提取URL的另一种方法是使用URL构造器。它是一个内置的javascript对象，可以解析URL字符串并提供对其各个组件的访问。以下是一个示例：

Consturl = new URL("https://www.example.com/path/to/file.html");
Const domain = url.hostname;

URL构造器具有从任何有效的URL中提取域名的优势，而不仅仅是当前的URL。然而，它仅在现代浏览器中可用，因此在使用之前需要检查它是否受支持。

3. 使用正则表达式

从URL中提取域名的javascript的更高级方法是使用正则表达式。正则表达式是一种强大的模式匹配工具，我们可以使用它们来提取URL中的域名。这是一个示例：

Consturl = "https://www.example.com/path/to/file.html";
Constdomain = url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:\/\n]+)/im)[1];

这个正则表达式模式匹配URL中的域名，忽略协议（ http或https ），用户名和密码以及路径。它通过查找第一个符合条件的字符序列来工作，该序列不包括冒号、斜杠或换行符，并且可以有可选的协议、用户名和密码，以及可选的 “www.” 前缀。match方法返回一个包含整个匹配项和任何捕获组的数组，所以我们需要提取第二个项（索引为1）来获取域名。

这种方法的优点是灵活性强，适应了不同的URL格式，但如果正则表达式模式不够精确，也容易产生错误。

4. 使用DOM

最后，我们还可以通过使用DOM来从javascript中提取URL中的域名。我们可以创建一个隐藏的锚元素，将其 href属性 设置为我们想要提取域名的URL，然后读取hostname属性。以下是一个示例：

Consturl = "https://www.example.com/path/to/file.html";
Const a = document.createelement("a");
A.href = url;
Const domain = a.hostname;

这种方法的优点是易于理解和实现，但它还会创建一个 DOM元素 ，如果您需要反复执行此操作，则可能会对性能产生一些影响。

结论

在javascript中，从URL中提取域名有不同的方法，最佳方法取决于您的要求和约束。如果您只需要从当前URL中提取域名，使用 window.location对象 是最简单和最可靠的方法。