本文實例講述了JS簡單實現點擊跳轉登陸郵箱功能的方法。分享給大家供大家參考，具體如下：

前言

注冊的過程中往往需要填寫郵箱，并登陸郵箱進行驗證。利用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',
 '1.com': 'http://webmail16.1.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]); //替換登陸鏈接
 }
}

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript頁面元素操作技巧總結》、《JavaScript正則表達式技巧大全》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。