在开发网站或者进行前端交互时，获取当前网站的域名是一个常见的需求。这个信息可以用于显示网站的全名、进行跨域请求时的源检查，或者在其他多种场景下。JavaScript 提供了简单的方法来获取当前域名，下面我将详细介绍这一过程。
获取当前域名的方法
在 JavaScript 中，要获取当前网站的域名，可以使用 window.location 对象的 hostname 属性。这个属性返回当前页面的主机名和端口号（如果有的话）。
代码示例
// 获取当前域名
var currentHostname = window.location.hostname;
// 输出当前域名
console.log(currentHostname);
解释
在这个例子中，window.location.hostname 返回了当前页面的域名，比如如果你访问的是 www.example.com，那么 currentHostname 的值将会是 www.example.com。
获取完整URL
除了获取域名，有时你可能还需要获取完整的URL，包括协议（http或https）、域名、端口、路径等。这时，可以使用 window.location.href 属性。
代码示例
// 获取当前完整URL
var currentUrl = window.location.href;
// 输出当前完整URL
console.log(currentUrl);
解释
window.location.href 返回了当前页面的完整URL，例如 http://www.example.com/path/to/resource。
获取子域名
如果你需要获取主域名下的子域名，你可以使用字符串操作来提取。以下是一个简单的例子：
代码示例
// 假设域名是 www.example.com
var domain = "www.example.com";
// 提取主域名
var mainDomain = domain.split(".")[domain.split(".").length - 2] + "." + domain.split(".")[domain.split(".").length - 1];
// 输出主域名
console.log(mainDomain);
解释
在这个例子中，我们首先将域名分割成数组，然后取数组的倒数第二和最后一个元素，这两个元素组合起来就是主域名。
总结
通过以上方法，你可以轻松地使用 JavaScript 获取当前网站的域名、完整URL以及子域名。这些信息在前端开发中非常有用，可以帮助你实现各种功能。希望这篇文章能帮助你更好地理解如何在JavaScript中获取域名。