前端js如何获取主域名(根域名)

通过JavaScript获取主域名（根域名）的主要方法有：使用正则表达式提取域名、利用URL对象解析域名、通过document.domain属性获取域名。其中，使用正则表达式提取域名是一种灵活且常用的方法。

使用正则表达式提取域名时，你可以编写一个函数，接收一个完整的URL作为参数，然后利用正则表达式匹配并提取主域名。这种方法适用于各种复杂的URL结构，可以确保你获取到正确的主域名。

一、正则表达式提取域名

正则表达式是一种强大的工具，可以用来匹配字符串中的特定模式。在获取主域名时，我们可以使用正则表达式来提取域名部分。下面是一个示例代码：

function getDomain(url) {
    const domainPattern = /^(?:https?://)?(?:www.)?([^/]+)/i;
    const match = url.match(domainPattern);
    return match ? match[1] : null;
}
const url = "https://sub.example.com/path";
const domain = getDomain(url);
console.log(domain); // 输出: example.com

在这个函数中，我们使用了一个正则表达式/^(?:https?://)?(?:www.)?([^/]+)/i来匹配URL中的域名部分。(?:...)表示非捕获组，https?匹配http或https，www.匹配www.，([^/]+)匹配直到第一个/的所有字符，并捕获它们作为主域名。

二、利用URL对象解析域名

现代浏览器支持URL对象，它可以方便地解析URL并提取各种部分，包括主域名。使用URL对象可以简化代码，并提高可读性和可靠性。以下是一个示例：

function getDomain(url) {
    const parsedUrl = new URL(url);
    return parsedUrl.hostname;
}
const url = "https://sub.example.com/path";
const domain = getDomain(url);
console.log(domain); // 输出: sub.example.com

在这个示例中，我们创建了一个URL对象parsedUrl，然后直接访问其hostname属性来获取主域名。这种方法简单直接，并且可以处理所有符合URL标准的字符串。

三、通过document.domain属性获取域名

在浏览器环境中，你还可以通过document.domain属性来获取当前页面的域名。这种方法适用于当前页面的URL，而不需要传递URL参数。下面是一个简单的示例：

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

需要注意的是，document.domain只适用于同源策略下的页面，如果页面跨域，则无法获取到正确的域名。

四、结合正则表达式和URL对象的混合方法

为了增加代码的健壮性和适应性，你可以结合正则表达式和URL对象的优点，编写一个更加灵活的函数来获取主域名。以下是一个示例：

function getRootDomain(url) {
    try {
        const parsedUrl = new URL(url);
        const hostname = parsedUrl.hostname;
        // 使用正则表达式提取根域名
        const domainPattern = /([a-z0-9-]+.[a-z]+)$/i;
        const match = hostname.match(domainPattern);
        return match ? match[0] : null;
    } catch (e) {
        return null;
    }
}
const url = "https://sub.example.co.uk/path";
const rootDomain = getRootDomain(url);
console.log(rootDomain); // 输出: example.co.uk

在这个函数中，我们首先使用URL对象解析URL，并获取主机名，然后使用正则表达式/([a-z0-9-]+.[a-z]+)$/i匹配根域名部分。这种方法结合了两者的优点，提高了代码的可靠性和适应性。

五、处理特殊顶级域名和子域名

在实际应用中，你可能会遇到一些特殊的顶级域名（如.co.uk）和子域名（如.sub.example.com）。为了正确处理这些情况，你可以扩展正则表达式，或者使用顶级域名列表来辅助识别。

例如，你可以使用公共后缀列表（Public Suffix List）来识别特殊顶级域名，并根据列表进行正确的域名提取。以下是一个示例代码：

const publicSuffixList = ["co.uk", "com.au", "gov.uk", "edu.au"];
function getRootDomain(url) {
    try {
        const parsedUrl = new URL(url);
        const hostname = parsedUrl.hostname;
        // 检查是否匹配公共后缀列表
        for (const suffix of publicSuffixList) {
            if (hostname.endsWith(suffix)) {
                const parts = hostname.split(".");
                const suffixParts = suffix.split(".");
                return parts.slice(-suffixParts.length - 1).join(".");
            }
        }
        // 默认使用正则表达式提取根域名
        const domainPattern = /([a-z0-9-]+.[a-z]+)$/i;
        const match = hostname.match(domainPattern);
        return match ? match[0] : null;
    } catch (e) {
        return null;
    }
}
const url = "https://sub.example.co.uk/path";
const rootDomain = getRootDomain(url);
console.log(rootDomain); // 输出: example.co.uk

在这个函数中，我们首先检查主机名是否匹配公共后缀列表中的任何一项，如果匹配，则提取相应的根域名。否则，默认使用正则表达式提取根域名。这种方法可以更准确地处理特殊顶级域名和子域名。

六、总结

通过使用正则表达式、URL对象和document.domain属性，你可以在不同场景下灵活地获取主域名。为了提高代码的健壮性和适应性，你可以结合多种方法，并处理特殊顶级域名和子域名。在实际应用中，选择合适的方法和优化代码，可以确保你在各种复杂URL结构下正确提取主域名。

核心方法总结：

正则表达式提取域名
利用URL对象解析域名
通过document.domain属性获取域名
结合正则表达式和URL对象的混合方法
处理特殊顶级域名和子域名

通过掌握这些方法和技巧，你可以在前端开发中更加高效地获取主域名，并确保你的代码在各种复杂场景下都能正确运行。