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实现奇偶行赋值不同css值
Feb 17 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
Mar 18 Javascript
Javascript中浮点数相乘的一个解决方法
Jun 03 Javascript
javascript arguments使用示例
Dec 16 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
jQuery 跨域访问解决原理案例详解
Jul 09 Javascript
bootstrapValidator自定验证方法写法
Dec 01 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
Vue.js实现图片的随意拖动方法
Mar 08 Javascript
Vue中如何实现proxy代理
Apr 20 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
Aug 31 Javascript
小程序文字跑马灯效果
Dec 28 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
php for 循环使用的简单实例
2016/06/02 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
浅谈laravel orm 中的一对多关系 hasMany
2019/10/21 PHP
页面只有一个text的时候,回车自动submit的解决方法
2010/08/12 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
2017/08/28 Javascript
ES6中javascript实现函数绑定及类的事件绑定功能详解
2017/11/08 Javascript
Vue自定义指令实现checkbox全选功能的方法
2018/02/28 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
2018/10/23 Javascript
JQuery属性操作与循环用法示例
2019/05/15 jQuery
axios实现文件上传并获取进度
2020/03/25 Javascript
js抽奖转盘实现方法分析
2020/05/16 Javascript
详解Django框架中用context来解析模板的方法
2015/07/20 Python
Python使用PIL模块生成随机验证码
2017/11/21 Python
Python查看微信撤回消息代码
2018/06/07 Python
Python求解任意闭区间的所有素数
2018/06/10 Python
Python 打印中文字符的三种方法
2018/08/14 Python
python简单验证码识别的实现方法
2019/05/10 Python
python如何将两个txt文件内容合并
2019/10/18 Python
django配置app中的静态文件步骤
2020/03/27 Python
Python基础教程之输入输出和运算符
2020/07/26 Python
台湾百利市购物中心:e-Payless
2017/08/16 全球购物
班级道德讲堂实施方案
2014/02/24 职场文书
大学生自我鉴定书
2014/03/24 职场文书
2014年计生协会工作总结
2014/11/21 职场文书
质量保证书格式
2015/02/27 职场文书
人事行政主管岗位职责
2015/04/09 职场文书
2015年大学生村官工作总结
2015/04/21 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书
小学运动会开幕词
2016/03/04 职场文书
2019最新婚庆对联集锦!
2019/07/10 职场文书
js之ajax文件上传
2021/05/13 Javascript
pytorch常用数据类型所占字节数对照表一览
2021/05/17 Python
python解析json数据
2022/04/29 Python
Python tensorflow卷积神经Inception V3网络结构
2022/05/06 Python