js获取当前主域名

在JavaScript中，获取当前页面的主域名（即不包含子域名和路径的域名）可以通过window.location对象来实现。以下是一些常用的方法和示例代码：

方法一：使用window.location.hostname

window.location.hostname返回的是当前页面的完整主机名，包括子域名。

console.log(window.location.hostname); // 例如：www.example.com

方法二：提取主域名

如果你只想获取主域名（不包括子域名），可以使用正则表达式来提取。

function getMainDomain() {
    const hostname = window.location.hostname;
    const parts = hostname.split('.');
    if (parts.length >= 3) {
        return parts.slice(-2).join('.');
    }
    return hostname;
}

console.log(getMainDomain()); // 例如：example.com

方法三：使用document.domain

document.domain可以设置或返回当前文档的域名，但它只能设置为当前域名的上级域名，并且有一定的安全限制。

console.log(document.domain); // 例如：example.com

方法四：使用URL API（现代浏览器）

如果你使用的是现代浏览器，可以使用URL API来解析域名。

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

注意事项

1. 子域名处理：上述方法中，方法二专门处理了子域名的情况，提取主域名。
2. 安全性：document.domain有安全限制，不能随意设置，只能在当前域名的上级域名范围内设置。
3. 浏览器兼容性：URL API在现代浏览器中支持良好，但在一些旧版本浏览器中可能不支持。

应用场景

• 统计分析：在网站统计分析中，获取主域名可以帮助区分不同子站点的流量。
• 跨域通信：在进行跨域通信时，了解主域名有助于配置CORS策略。
• 安全性检查：在某些安全检查中，获取主域名可以帮助验证请求的合法性。

通过这些方法，你可以根据具体需求选择合适的方式来获取当前页面的主域名。