js 判断url 是否属于

在 JavaScript 中判断一个 URL 是否属于特定的域名（例如某个网站），可以通过解析 URL 并比较其主机名（hostname）来实现。以下是详细的概念解释、优势、应用场景以及实现方法：

基本概念

URL（Uniform Resource Locator） 是因特网上标准的资源的地址。通常由协议（如 HTTP、HTTPS）、主机名（如 www.example.com）和资源路径组成。

主机名（Hostname） 是 URL 中用于标识服务器的部分，例如 www.example.com。

优势

安全性：通过验证 URL 的来源，可以防止跨站脚本攻击（XSS）和其他安全漏洞。
功能限制：在单页应用（SPA）中，可以根据 URL 来控制用户访问特定功能或页面。
数据过滤：在处理外部链接或分享功能时，确保只允许特定域名的链接。

应用场景

链接验证：在用户提交表单时，验证输入的链接是否来自可信的域名。
内容过滤：在显示外部内容时，仅允许来自指定域名的资源加载。
路由控制：在前端路由中，根据 URL 的域名进行不同的页面渲染或功能调用。

实现方法

可以使用 JavaScript 内置的 URL 对象来解析 URL，并比较其主机名。以下是一个示例代码：

/**
 * 判断给定的 URL 是否属于指定的域名
 * @param {string} url - 要判断的 URL
 * @param {string} domain - 目标域名（例如 'www.example.com'）
 * @returns {boolean} - 如果 URL 属于目标域名，返回 true；否则返回 false
 */
function isUrlInDomain(url, domain) {
    try {
        const parsedUrl = new URL(url);
        return parsedUrl.hostname === domain;
    } catch (error) {
        console.error('无效的 URL:', error);
        return false;
    }
}

// 示例用法
const url1 = 'https://www.example.com/page';
const url2 = 'https://sub.example.com/page';
const url3 = 'https://www.otherdomain.com/page';

console.log(isUrlInDomain(url1, 'www.example.com')); // 输出: true
console.log(isUrlInDomain(url2, 'www.example.com')); // 输出: false
console.log(isUrlInDomain(url3, 'www.example.com')); // 输出: false

处理子域名

如果需要判断 URL 是否属于某个主域名（包括其子域名），可以使用正则表达式或字符串匹配。例如：

/**
 * 判断给定的 URL 是否属于指定的主域名（包括子域名）
 * @param {string} url - 要判断的 URL
 * @param {string} mainDomain - 目标主域名（例如 'example.com'）
 * @returns {boolean} - 如果 URL 属于目标主域名，返回 true；否则返回 false
 */
function isUrlInMainDomain(url, mainDomain) {
    try {
        const parsedUrl = new URL(url);
        // 将主机名按点分割，取最后两部分进行比较
        const hostnameParts = parsedUrl.hostname.split('.');
        const mainDomainParts = mainDomain.split('.');
        return hostnameParts.slice(-2).join('.') === mainDomainParts.join('.');
    } catch (error) {
        console.error('无效的 URL:', error);
        return false;
    }
}

// 示例用法
console.log(isUrlInMainDomain('https://sub.example.com/page', 'example.com')); // 输出: true
console.log(isUrlInMainDomain('https://www.otherdomain.com/page', 'example.com')); // 输出: false