在 JavaScript 中获取当前网站的域名对于应用程序的许多方面都很重要，例如：

• 确定网站的根目录

• 构建相对 URL

• 处理跨域请求

获取当前网站域名的不同方法

在 JavaScript 中有几种方法可以获取当前网站的域名。让我们详细探讨一下每种方法：

方法 1：使用 window.location.hostname

最简单的方法是使用

属性。该属性返回当前页面的主机名，不包括协议或端口号。例如：

  const hostname = window.location.hostname;
console.log(hostname); // 输出：www.example.com

方法 2：使用 document.domain

另一个选项是使用

属性。此属性返回当前文档的顶级域名 (TLD)，包括子域。例如：

  const domain = document.domain;console.log(domain); // 输出：example.com

方法 3：使用 new URL()

ES6 中引入了

构造函数，可以用来解析 URL 并获取域信息。例如：

  const url = new URL(window.location.href);const hostname = url.hostname;console.log(hostname); // 输出：www.example.com

方法 4：使用正则表达式

如果需要更细粒度的控制，可以使用正则表达式来提取域名。例如：

  const regex = /(?:https?:\/\/)?(?:www\.)?([^\/?]+)/;const hostname = regex.exec(window.location.href)[1];console.log(hostname); // 输出：www.example.com

选择正确的方法

选择哪种方法来获取域名取决于应用程序的具体需求。以下是每种方法的优缺点：

结论

获取当前网站域名是 JavaScript 开发人员面临的常见任务。通过了解不同的方法及其优缺点，开发人员可以选择最适合其应用程序需求的方法。通过使用这些方法，开发人员可以构建更健壮、更有效的 Web 应用程序。