导语:现在很多网站都要验证用户邮箱,为了尽量优化用户的体验,那么本文就介绍如何通过邮箱账户获取到这个邮箱的登录页,进而方便用户直接点击进入邮箱查收邮件。
以网有卖(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