JS根据用户输入的邮箱给出相应的邮箱登录地址

时间:2022-09-24 08:51:37

实现方法:

     1、提取邮箱

     2、对提取出来的邮箱进行切割,用到JS的 “split”方法

     3、对切割后的值进行判断

javascript:

 1 var Btn = document.getElementById('btn');
 2 Btn.onclick = function (){
 3      goEail('Email', 'link');
 4 }
 5 
 6 function goEail(obj, ln){
 7     var Email = document.getElementById(obj).value;
 8     var Link = document.getElementById(ln);
 9     //console.log(Email.split("@")[1]);
10     var MailLink = Email.split("@")[1];
11          MailLink = MailLink.toLowerCase();
12     if(MailLink == "163.com"){
13         Link.href = "http://www.163.com";
14     }else if(MailLink == "126.com"){
15         Link.href = "http://www.126.com";
16     }else if(MailLink == "qq.com"){
17         Link.href = "http://www.qq.com";
18     }else{
19         alert("请输入正确的邮箱地址");
20     }
21 }

HTML:

1 <button type="button" id="btn">获取邮箱链接</button>
2 <input type="text" name="" id="Email" value="">
3 <a href="" title="" id="link">登录邮箱</a>