收藏本站 收藏本站
积木网首页 - 软件测试 - 常用手册 - 站长工具 - 技术社区
首页 > JavaScript > JavaScript技巧 > 正文

首页 - PHP - 数据库 - 操作系统 - 游戏开发 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell编程 - DOS命令 - jQuery - CSS样式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

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

本文实例讲述了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页面元素操作技巧总结》、《JavaScript正则表达式技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

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

javascript高级模块化require.js的具体使用方法
本文介绍了require.js的具体使用方法,分享给大家,也给自己留个笔记。Require.js:RequireJS是一个非常小巧的javascript模块载入框架,是AMD(AsynchronousModuleDe

React Native使用Modal自定义分享界面的示例代码
在很多App中都会涉及到分享,ReactNative提供了Modal组件用来实现一些模态弹窗,例如加载进度框,分享弹框等。使用Modal搭建分析的效果如下:自定义的

微信小程序顶部可滚动导航效果
需求是小程序做头部做导航分类的效果顶部用scroll-view组件横向滚动,类似tab选项卡的效果,内容用类似模板方式引用,可重复利用scroll-viewclass="scroll-vi

本周排行

更新排行

强悍的草根IT技术社区,这里应该有您想要的! 友情链接:b2b电子商务
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP备05050695号