JavaScript 如何获取域名

在Web开发中，有时候我们需要获取当前页面的域名信息。JavaScript提供了几种方法来实现这个功能，下面我们就来详细介绍一下。

方法一：使用window.location对象

window.location对象包含了当前页面的URL信息。其中，hostname属性可以获取到域名。示例代码如下：

var domain = window.location.hostname;
console.log(domain);

在上述代码中，我们通过window.location.hostname获取到了当前页面的域名，并将其打印到控制台。

方法二：使用document.domain属性

document.domain属性也可以获取到当前页面的域名。与window.location.hostname不同的是，document.domain可以进行设置，用于在不同的子域名之间共享数据。示例代码如下：

var domain = document.domain;
console.log(domain);

需要注意的是，document.domain只能设置为当前域名或者当前域名的父域名，否则会抛出安全错误。

方法三：使用正则表达式

如果我们需要从一个完整的URL中提取出域名，也可以使用正则表达式来实现。示例代码如下：

var url = "https://www.example.com/path/to/page.html";
var regex = /^(?:https?:\/\/)?(?:www\.)?([a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)+)/;
var domain = url.match(regex)[1];
console.log(domain);

在上述代码中，我们使用正则表达式匹配出了URL中的域名部分，并将其打印到控制台。

总结

通过上述方法，我们可以在JavaScript中获取到当前页面的域名信息。其中，window.location.hostname和document.domain是比较常用的方法，它们简单方便，适用于大多数场景。而使用正则表达式则可以更加灵活地提取出域名信息，但需要注意正则表达式的编写和性能问题。在实际开发中，我们可以根据具体需求选择合适的方法来获取域名。