JS简单实现点击跳转登陆邮箱功能的方法
编程学习 2021-07-04 17:33www.dzhlxh.cn编程入门
这篇文章主要介绍了JS简单实现点击跳转登陆邮箱功能的方法,涉及js针对hash表的遍历与页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。