快捷導(dǎo)航

JS簡(jiǎn)單實(shí)現(xiàn)點(diǎn)擊跳轉(zhuǎn)登陸郵箱功能的方法

更新時(shí)間：2017年10月31日 11:52:59 作者：左正

這篇文章主要介紹了JS簡(jiǎn)單實(shí)現(xiàn)點(diǎn)擊跳轉(zhuǎn)登陸郵箱功能的方法,涉及js針對(duì)hash表的遍歷與頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了JS簡(jiǎn)單實(shí)現(xiàn)點(diǎn)擊跳轉(zhuǎn)登陸郵箱功能的方法。分享給大家供大家參考，具體如下：

前言

注冊(cè)的過(guò)程中往往需要填寫(xiě)郵箱，并登陸郵箱進(jìn)行驗(yàn)證。利用JS可以實(shí)現(xiàn)針對(duì)不同的郵箱進(jìn)行點(diǎn)擊登錄驗(yàn)證，以下為實(shí)現(xiàn)方案，很簡(jiǎn)單

代碼

郵箱域名數(shù)據(jù)

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）

// 點(diǎn)擊登錄郵箱
var _mail = $("#email").val().split('@')[1];  //獲取郵箱域
for (var j in hash){
  if(j == _mail){
    $(".js_login_mail").show().attr("href", hash[_mail]);  //替換登陸鏈接
  }
}

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript頁(yè)面元素操作技巧總結(jié)》、《JavaScript正則表達(dá)式技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

js焦點(diǎn)文字滾動(dòng)效果代碼分享
這篇文章主要介紹了js焦點(diǎn)文字滾動(dòng)效果，功能實(shí)現(xiàn)非常簡(jiǎn)單，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
js獲取客戶端外網(wǎng)ip的簡(jiǎn)單實(shí)例
這篇文章主要介紹了js獲取客戶端外網(wǎng)ip的簡(jiǎn)單實(shí)例，有需要的朋友可以參考一下
2013-11-11
js數(shù)組對(duì)象的includes方法使用
這篇文章主要介紹了js數(shù)組對(duì)象的includes方法使用,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-07-07
layui監(jiān)聽(tīng)單元格編輯前后交互的例子
今天小編就為大家分享一篇layui監(jiān)聽(tīng)單元格編輯前后交互的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
javascript 隨機(jī)數(shù) 與高級(jí)應(yīng)用附vbscript(asp) 隨機(jī)數(shù)總結(jié)
有時(shí)忘了程序的隨機(jī)數(shù)函數(shù)或javascript和vbscript的隨機(jī)數(shù)混亂了，特總結(jié)下兩者的隨機(jī)數(shù)函數(shù)，以備以后使用方便。
2007-10-10
深入理解JavaScript系列(2) 揭秘命名函數(shù)表達(dá)式
網(wǎng)上還沒(méi)用發(fā)現(xiàn)有人對(duì)命名函數(shù)表達(dá)式進(jìn)去重復(fù)深入的討論，正因?yàn)槿绱?，網(wǎng)上出現(xiàn)了各種各樣的誤解，本文將從原理和實(shí)踐兩個(gè)方面來(lái)探討JavaScript關(guān)于命名函數(shù)表達(dá)式的優(yōu)缺點(diǎn)
2012-01-01
深入理解JavaScript系列（29）：設(shè)計(jì)模式之裝飾者模式詳解
這篇文章主要介紹了深入理解JavaScript系列（29）：設(shè)計(jì)模式之裝飾者模式詳解,裝飾者用用于包裝同接口的對(duì)象,不僅允許你向方法添加行為,而且還可以將方法設(shè)置成原始對(duì)象調(diào)用（例如裝飾者的構(gòu)造函數(shù)）,需要的朋友可以參考下
2015-03-03
JS隨機(jī)漂浮廣告代碼具體實(shí)例
這篇文章主要介紹了JS隨機(jī)漂浮廣告代碼具體實(shí)例，有需要的朋友可以參考一下
2013-11-11
js插件設(shè)置innerHTML時(shí)在IE8下提示“未知運(yùn)行時(shí)錯(cuò)誤”解決方法
這篇文章主要介紹了js插件設(shè)置innerHTML時(shí)在IE8下提示“未知運(yùn)行時(shí)錯(cuò)誤”解決方法,較為詳細(xì)的分析了錯(cuò)誤的原因及對(duì)應(yīng)的解決方法,需要的朋友可以參考下
2015-04-04
javascript:;與javascript:void(0)使用介紹
有時(shí)候我們?cè)诰帉?xiě)js過(guò)程中，需要觸發(fā)事件而不需要返回值，那么就可能需要這樣的寫(xiě)法
2013-06-06