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


Posted in Javascript onOctober 31, 2017

本文实例讲述了JS简单实现点击跳转登陆邮箱功能的方法。分享给大家供大家参考,具体如下:

前言

注册的过程中往往需要填写邮箱,并登陆邮箱进行验证。利用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]);  //替换登陆链接
  }
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
自己用jQuery写了一个图片的马赛克消失效果
May 04 Javascript
基于jQuery实现在线选座之高铁版
Aug 24 Javascript
基于JavaScript实现动态创建表格和增加表格行数
Dec 20 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
vue + vuex todolist的实现示例代码
Mar 09 Javascript
详解vue中axios的使用与封装
Mar 20 Javascript
如何从头实现一个node.js的koa框架
Jun 17 Javascript
如何使用JavaScript实现栈与队列
Jun 24 Javascript
vue实现标签云效果的方法详解
Aug 28 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
多个Vue项目部署到服务器的步骤记录
Oct 22 Javascript
vue缓存之keep-alive的理解和应用详解
Nov 02 Javascript
jQuery简单实现对数组去重及排序操作实例
Oct 31 #jQuery
Node.js学习教程之HTTP/2服务器推送【译】
Oct 31 #Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
Oct 31 #Javascript
原生js实现仿window10系统日历效果的实例
Oct 31 #Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
Oct 31 #Javascript
Vue实战之vue登录验证的实现代码
Oct 31 #Javascript
jQuery ajax读取本地json文件的实例
Oct 31 #jQuery
You might like
这部好评如潮的动漫 知名梗频出 但是画风劝退很多人
2020/03/08 日漫
php笔记之:数据类型与常量的使用分析
2013/05/14 PHP
destoon实现不同会员组公司名称显示不同的颜色的方法
2014/08/22 PHP
PHP计算日期相差天数实例分析
2016/02/23 PHP
php把文件设置为插件的技巧方法
2020/02/03 PHP
为调试JavaScript添加输出窗口的代码
2010/02/07 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
JS 去前后空格大全(IE9亲测)
2013/07/15 Javascript
浅析javascript操作 cookie对象
2014/12/26 Javascript
jquery制作多功能轮播图插件
2015/04/02 Javascript
php常见的页面跳转方法汇总
2015/04/15 Javascript
JS实现动画兼容性的transition和transform实例分析
2016/12/13 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
jQuery事件对象的属性和方法详解
2017/09/09 jQuery
微信小程序实现tab切换效果
2017/11/21 Javascript
微信小程序表单验证WxValidate的使用
2019/11/27 Javascript
tracking.js实现前端人脸识别功能
2020/04/16 Javascript
vue+elementui通用弹窗的实现(新增+编辑)
2021/01/07 Vue.js
Javascript生成器(Generator)的介绍与使用
2021/01/31 Javascript
python实现带声音的摩斯码翻译实现方法
2015/05/20 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
Python 从attribute到property详解
2020/03/05 Python
利用python绘制正态分布曲线
2021/01/04 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
保安员岗位职责
2013/11/17 职场文书
关于旷工的检讨书
2014/02/02 职场文书
党员“四风”问题批评与自我批评思想汇报
2014/10/06 职场文书
2014年教研室工作总结
2014/12/06 职场文书
司机岗位职责
2015/02/04 职场文书
奖励通知
2015/04/22 职场文书
员工表扬信怎么写
2015/05/05 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书
详解CSS故障艺术
2021/05/25 HTML / CSS
MySQL删除和插入数据很慢的问题解决
2021/06/03 MySQL