注册邮箱重定向到相应邮箱登录界面js

这个功能其实还是比较常见的，使用最多的就是注册、邮箱验证、找回密码这些方面，例如注册后根据不同的邮箱后缀跳转到邮箱登录界面，例如注册的邮箱是[email protected]就跳转到网易的邮箱登录界面；填写的是[email protected]则跳转到新浪邮箱登录界面。这样做的好处就是改进用户体验，使得流程更加清晰。

1 注册成功页面

 <div>
      <p>邮件已发送到您的邮件</p>
      <span><a href="#" target="_blank" class="mail">[email protected]</a></span>
      <em>请点击邮箱中的验证链接完成验证</em>
 </div>

2 主要js

var hash={ 
 'qq.com': 'http://mail.qq.com', 
 'gmail.com': 'http://mail.google.com', 
 'sina.com': 'http://mail.sina.com.cn', 
 '163.com': 'http://mail.163.com', 
 '126.com': 'http://mail.126.com', 
 'yeah.net': 'http://www.yeah.net/', 
 'sohu.com': 'http://mail.sohu.com/', 
 'tom.com': 'http://mail.tom.com/', 
 'sogou.com': 'http://mail.sogou.com/', 
 '139.com': 'http://mail.10086.cn/', 
 'hotmail.com': 'http://www.hotmail.com', 
 'live.com': 'http://login.live.com/', 
 'live.cn': 'http://login.live.cn/', 
 'live.com.cn': 'http://login.live.com.cn', 
 '189.com': 'http://webmail16.189.cn/webmail/', 
 'yahoo.com.cn': 'http://mail.cn.yahoo.com/', 
 'yahoo.cn': 'http://mail.cn.yahoo.com/', 
 'eyou.com': 'http://www.eyou.com/', 
 '21cn.com': 'http://mail.21cn.com/', 
 '188.com': 'http://www.188.com/', 
 'foxmail.com': 'http://www.foxmail.com' 
};
$(function(){ 
 $(".mail").each(function() { 
   var url = $(this).text().split('@')[1]; 
   for (var j in hash){ 
       $(this).attr("href", hash[url]); 
   } 
  }); 
}) 

上述的代码不算复杂就主要看能不能想到了。