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中实现简单的tabs插件功能的代码
Mar 02 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
Dec 06 Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 Javascript
jquery调整表格行tr上下顺序实例讲解
Jan 09 Javascript
js正则表达式验证密码强度【推荐】
Mar 03 Javascript
js中作用域的实例解析
Mar 16 Javascript
JavaScript指定断点操作实例教程
Sep 18 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
May 07 Javascript
微信小程序实现滑动翻页效果(完整代码)
Dec 06 Javascript
vue element实现表格合并行数据
Nov 30 Vue.js
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
用mysql触发器自动更新memcache的实现代码
2009/10/11 PHP
php 格式化数字的时候注意数字的范围
2010/04/13 PHP
解析php扩展php_curl.dll不加载的解决方法
2013/06/26 PHP
自己写了一个php检测文件编码的函数
2014/04/21 PHP
实例详解PHP中html word 互转的方法
2016/01/28 PHP
取键盘键位ASCII码的网页
2007/07/30 Javascript
IE innerHTML,outerHTML所引起的问题
2009/06/04 Javascript
JS 分号引起的一段调试问题
2009/06/18 Javascript
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
图片在浏览器中底部对齐 解决方法之一
2011/11/30 Javascript
JQuery的read函数与js的onload不同方式实现
2013/03/18 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
2014/04/08 Javascript
js获取视频时长代码
2014/04/10 Javascript
jquery自定义下拉列表示例
2014/04/25 Javascript
uploadify多文件上传参数设置技巧
2015/11/16 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
2017/06/01 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
node.js监听文件变化的实现方法
2019/04/17 Javascript
[02:54]DOTA2亚洲邀请赛 VG战队出场宣传片
2015/02/07 DOTA
Python使用Flask框架同时上传多个文件的方法
2015/03/21 Python
jupyter安装小结
2016/03/13 Python
Python操作SQLite数据库的方法详解
2017/06/16 Python
Python队列的定义与使用方法示例
2017/06/24 Python
Django应用程序入口WSGIHandler源码解析
2019/08/05 Python
如何Tkinter模块编写Python图形界面
2020/10/14 Python
Python Selenium XPath根据文本内容查找元素的方法
2020/12/07 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
巴西图书和电子产品购物网站:Saraiva
2017/06/07 全球购物
Charles&Keith美国官方网站:新加坡快时尚鞋类和配饰零售商
2019/11/27 全球购物
实习老师个人总结的自我评价
2013/09/28 职场文书
体育教学随笔感言
2014/02/24 职场文书
国贸专业自荐信范文
2014/03/02 职场文书
2015年民主生活会发言材料
2014/12/15 职场文书
Pandas-DataFrame知识点汇总
2022/03/16 Python
MySQL Server层四个日志的实现
2022/03/31 MySQL