现在的位置: 网页制作教程网站制作教程 >正文
JavaScript脚本

如何根据用户预留的邮箱跳转到邮箱对应的登录地址

发表于2016/11/7 网站制作教程 0条评论 ⁄ 热度 2,290℃
导语:现在很多网站都要验证用户邮箱,为了尽量优化用户的体验,那么本文就介绍如何通过邮箱账户获取到这个邮箱的登录页,进而方便用户直接点击进入邮箱查收邮件。

以网有卖(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获取网址

  • 暂无评论