这个功能其实还是比较常见的,使用最多的就是注册、邮箱验证、找回密码这些方面,例如注册后根据不同的邮箱后缀跳转到邮箱登录界面,例如注册的邮箱是xxx@就跳转到网易的邮箱登录界面;填写的是xx@则跳转到新浪邮箱登录界面。这样做的好处就是改进用户体验,使得流程更加清晰。
1 注册成功页面
<div><p>邮件已发送到您的邮件</p><span><a href="#" target="_blank" class="mail">xx@</a></span><em>请点击邮箱中的验证链接完成验证</em></div>
2 主要js
var hash={ '': '', '': '', '': '', '': '', '': '', '': '/', '': '/', '': '/', '': '/', '': '/', '': '', '': '/', '': '/', '': '', '': '/webmail/', '': 'http://mail./', '': 'http://mail./', '': '/', '': '/', '': '/', '': '' };$(function(){ $(".mail").each(function() { var url = $(this).text().split('@')[1]; for (var j in hash){ $(this).attr("href", hash[url]); } }); })
上述的代码不算复杂就主要看能不能想到了。