导语:现在很多网站都要验证用户邮箱,为了尽量优化用户的体验,那么本文就介绍如何通过邮箱账户获取到这个邮箱的登录页,进而方便用户直接点击进入邮箱查收邮件。
以网有卖(www.webym.net)为例,我们在网有卖上注册会员,是需要填写邮箱的,当点击注册按钮时,系统会发送一份验证邮件到您预留的邮箱,并会显示邮件发送成功的消息,如果页面这时有一个按钮直接链接到你的邮箱,那是不是会很方便,用户体验也会很好。

下面就来介绍获取邮箱登录地址的方法:
我们是通过JS代码来实现的。老规矩,直接上代码。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>js邮箱地址跳转</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
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/',
'eyou.com': 'http://www.eyou.com/',
'21cn.com': 'http://mail.21cn.com/',
'188.com': 'http://www.188.com/',
'foxmail.coom': 'http://www.foxmail.com'
};
$(function(){
$(".mail").each(function() {
var url = $(this).text().split('@')[1];
for (var j in hash){
$(this).attr("href", hash[url]);
}
});
})
</script>
</head>
<body>
<a href="#" target="_blank" class="mail">name@qq.com</a> <br>
<a href="#" target="_blank" class="mail">name@gmail.com</a> <br>
<a href="#" target="_blank" class="mail">name@sina.com</a> <br>
<a href="#" target="_blank" class="mail">name@163.com</a> <br>
<a href="#" target="_blank" class="mail">name@souhu.com</a> <br>
<a href="#" target="_blank" class="mail">name@hotmail.com</a>
</body>
</html>
通过以上代码,你可以很清晰地js是如何分析邮箱并得到登录地址的。如果有不明白,欢迎在下方留言。
扩展阅读:js获取网址
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/191.html





















