实例详解JS简单实现点击跳转登陆邮箱功能的方法

本文主要介绍了JS简单实现点击跳转登陆邮箱功能的方法,涉及js针对hash表的遍历与页面元素属性动态操作相关实现技巧,需要的朋友可以参考下，希望能帮助到大家

前言

注册的过程中往往需要填写邮箱，并登陆邮箱进行验证。利用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',
  'outlook.com': 'http://www.outlook.com'
}

获取邮箱域并替换链接（此处需要引入jQuery）

// 点击登录邮箱
var _mail = $("#email").val().split('@')[1];  //获取邮箱域
for (var j in hash){
  if(j == _mail){
    $(".js_login_mail").show().attr("href", hash[_mail]);  //替换登陆链接
  }
}

相关推荐：

Mui使用jquery并且使用点击跳转新窗口示例分享

用ionic实现无限轮播与点击跳转

Mui使用jquery并且使用点击跳转新窗口示例分享

Atas ialah kandungan terperinci 实例详解JS简单实现点击跳转登陆邮箱功能的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!