實例詳解JS簡單實現點擊跳轉登陸郵箱功能的方法

本文主要介紹了JS簡單實現點擊跳轉登陸郵箱功能的方法,涉及js針對hash表的遍歷與頁面元素屬性動態操作相關實現技巧,需要的朋友可以參考下，希望能幫助到大家

前言

註冊的過程中往往需要填寫郵箱，並登陸郵箱進行驗證。利用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]);  //替换登陆链接
  }
}

相關推薦：

Mui使用jquery並且使用點擊跳轉新視窗範例分享

用ionic實現無限輪播與點擊跳轉

Mui使用jquery並且使用點擊跳轉新視窗範例分享

以上是實例詳解JS簡單實現點擊跳轉登陸郵箱功能的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！