如何用JavaScript修改老旧ASP.Net站点中mailto链接的邮箱域名

这情况太典型了——老站点功能正常但不敢碰源码，纯前端JS就是最优解，完全不用动后端，也不需要安装老旧的Visual Studio版本。下面是具体实现步骤：

核心思路 #

• 定位页面中所有包含mailto:的<a>标签
• 解析每个链接的邮箱地址，拆分出本地用户名和域名部分
• 替换指定的旧域名为新域名，更新链接的href属性（可选同步更新显示文本）

完整代码实现 #

把这段代码添加到你的联系页面的</body>标签之前，或者放在页面的脚本块中：

// 等待页面所有元素加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
  // 配置要替换的旧域名和新域名
  const targetOldDomain = 'your-old-domain.com'; // 替换成实际旧域名
  const targetNewDomain = 'your-new-domain.com'; // 替换成实际新域名

  // 获取所有以mailto:开头的a标签
  const mailtoAnchorTags = document.querySelectorAll('a[href^="mailto:"]');

  // 遍历处理每个mailto链接
  mailtoAnchorTags.forEach(anchor => {
    // 提取完整邮箱地址（移除mailto:前缀）
    const fullEmail = anchor.href.replace('mailto:', '');
    
    // 拆分邮箱的本地部分和域名部分
    const [localUsername, currentDomain] = fullEmail.split('@');
    
    // 仅当当前域名匹配旧域名时才执行替换
    if (currentDomain === targetOldDomain) {
      // 构造新的mailto链接
      const updatedMailto = `mailto:${localUsername}@${targetNewDomain}`;
      // 更新a标签的href属性
      anchor.href = updatedMailto;
      
      // 可选：如果a标签的显示文本也是邮箱地址，同步更新文本内容
      if (anchor.textContent.includes(`@${targetOldDomain}`)) {
        anchor.textContent = anchor.textContent.replace(`@${targetOldDomain}`, `@${targetNewDomain}`);
      }
    }
  });
});

关键细节说明 #

• DOMContentLoaded事件：确保页面所有DOM元素都加载完毕后再执行脚本，避免出现找不到链接的情况
• 精准选择器：a[href^="mailto:"]只会选中所有以mailto开头的链接，不会影响其他类型的链接
• 域名匹配校验：只有当邮箱域名完全匹配旧域名时才替换，避免误修改其他第三方邮箱链接
• 可选文本同步：如果你的链接显示文本就是邮箱地址（比如<a href="mailto:support@old.com">support@old.com</a>），这段代码会同步更新显示文本，保证视觉一致性

额外注意事项 #

• 如果联系页面的内容是通过AJAX动态加载的，需要把这段代码放在动态内容加载完成的回调函数中，或者使用MutationObserver监听页面元素变化来触发修改
• 测试时可以先在浏览器控制台中运行这段代码（替换好域名），确认所有mailto链接都正确修改后，再正式添加到页面中

内容的提问来源于stack exchange，提问作者user3051175