这个功能其实还是比较常见的,使用最多的就是注册、邮箱验证、找回密码这些方面,例如注册后根据不同的邮箱后缀跳转到邮箱登录界面,例如注册的邮箱是xxx@163.com就跳转到网易的邮箱登录界面;填写的是xx@sina.com则跳转到新浪邮箱登录界面。这样做的好处就是改进用户体验,使得流程更加清晰。
1 注册成功页面
<div>
<p>邮件已发送到您的邮件</p>
<span><a href="#" target="_blank" class="mail">xx@sina.com</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]);
}
});
})