通过网页版邮箱的实现“联系我们”
来源:互联网 发布:jquery 二元数组 编辑:程序博客网 时间:2024/04/30 23:38
近期的项目中有一个监督投诉的栏目,这块的初始设计和其他网站类似,就是通过“mailto:邮件地址” 实现这个功能。这样可以实现本地客户端的响应。
但是,客户对这个方式不满意。其实我们仔细想想也是,对于普通的网友,他们使用outlook或者Foxmail的比例是相对低的,大部分人使用的是网页版的邮箱。所以,把监督投诉的这个功能设置成跳转邮箱登录页面相对更加的人性化。
下面就讲一下我是怎么实现的。
我把页面设置成了类似如图的样式:
然后根据用户输入邮箱,跳转到相应的邮箱登录页面。
原理就是根据输入的邮箱地址,截取@后面的部分,然后动态拼出邮箱域名。
具体代码如下;
var i = 0;function copyContact() { //目前这个方法只适用于ie、猎豹等浏览器,想要兼容其他更多的浏览器,自行上网查资料 var contat = document.getElementById("contact1").value; window.clipboardData.setData('text', contat); if (window.clipboardData.getData('text') == '') { if (i == 1) { alert("复制失败,请手动复制!"); } else { alert("复制失败,请重新复制!"); i = 1; } } else { alert("内容已经复制到剪贴板!"); }}function test() { var uurl = $("#email").val(); uurl = gotoEmail(uurl); if (uurl != "") { //$("#toopen").attr("href", "http://" + uurl); //$("#toopen")[0].click(); window.open("http://" + uurl); } else { alert("抱歉!未找到对应的邮箱登录地址,请自己登录邮箱查看邮件!"); }}//功能:根据用户输入的Email跳转到相应的电子邮箱首页function gotoEmail($mail) { $t = $mail.split('@')[1]; $t = $t.toLowerCase(); if ($t == '163.com') { return 'mail.163.com'; } else if ($t == 'vip.163.com') { return 'vip.163.com'; } else if ($t == '126.com') { return 'mail.126.com'; } else if ($t == 'qq.com' || $t == 'vip.qq.com' || $t == 'foxmail.com') { return 'mail.qq.com'; } else if ($t == 'gmail.com') { return 'mail.google.com'; } else if ($t == 'sohu.com') { return 'mail.sohu.com'; } else if ($t == 'tom.com') { return 'mail.tom.com'; } else if ($t == 'vip.sina.com') { return 'vip.sina.com'; } else if ($t == 'sina.com.cn' || $t == 'sina.com') { return 'mail.sina.com.cn'; } else if ($t == 'tom.com') { return 'mail.tom.com'; } else if ($t == 'yahoo.com.cn' || $t == 'yahoo.cn') { return 'mail.cn.yahoo.com'; } else if ($t == 'tom.com') { return 'mail.tom.com'; } else if ($t == 'yeah.net') { return 'www.yeah.net'; } else if ($t == '21cn.com') { return 'mail.21cn.com'; } else if ($t == 'hotmail.com') { return 'www.hotmail.com'; } else if ($t == 'sogou.com') { return 'mail.sogou.com'; } else if ($t == '188.com') { return 'www.188.com'; } else if ($t == '139.com') { return 'mail.10086.cn'; } else if ($t == '189.cn') { return 'webmail15.189.cn/webmail'; } else if ($t == 'wo.com.cn') { return 'mail.wo.com.cn/smsmail'; } else if ($t == '139.com') { return 'mail.10086.cn'; } else { return ''; }};现在唯一待完善的地方就是当跳转到响应的邮箱登录页,不能把用户之前输入的邮箱传过来,使得用户需要多输入一次。
不知道还有没有更好的实现方式,望大家多多指教!
0 0
- 通过网页版邮箱的实现“联系我们”
- 点击网页上的联系我们弹出QQ对话框的实现
- 我的联系邮箱
- 通过邮箱找回密码的实现
- 关于通过邮箱找回密码的实现
- 网页中调用QQ“联系我们”
- 关于网页页头的“设为首页”和“联系我们”位置互换问题
- Java实现通过smtp服务器验证邮箱的真实有效性
- jq 通过正则表达式实现邮箱手机电话的验证
- asp.net发送电子邮件的实现(通过一个邮箱向另一个邮箱发送)
- jsp网页开发中,通过注册邮箱找回密码,并限制连接的有效时间
- jsp网页开发中,通过注册邮箱找回密码,并限制连接的有效时间
- 通过网页实现软件的布局
- 联系我们
- 联系我们
- 那些年我们用过的邮箱
- 通过网页实现断点续传~!
- joomla中联系我们组件的配置
- JAVA中静态代码块,构造代码块,构造函数的加载顺序
- Scala学习第一天 scala开发环境搭建和helloword解析
- 2008反间谍软件如何显示出来
- leetcode 241 Different Ways to Add Parentheses
- 面试:实现内存复制函数
- 通过网页版邮箱的实现“联系我们”
- Lintcode 比较字符串
- Java拆解字符串(包括中文)
- 参数服务器在分布式深度学习的应用
- 05 JAVA 异常
- Foundation框架 - 集合
- Quartz2D - 01.概述
- python获取内存和cpu利用率记录日志文件
- zoj3210 A Stack or A Queue?