首頁 > web前端 > js教程 > 主體

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

小云云
發布: 2018-01-02 09:11:08
原創
2191 人瀏覽過

本文主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板