Heim > Web-Frontend > js-Tutorial > Detailliertes Beispiel für die einfache Implementierung der Click-to-Jump-Anmelde-E-Mail-Funktion mithilfe von JS

Detailliertes Beispiel für die einfache Implementierung der Click-to-Jump-Anmelde-E-Mail-Funktion mithilfe von JS

小云云
Freigeben: 2018-01-02 09:11:08
Original
2196 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode von JS zur einfachen Implementierung der Click-to-Jump-Anmeldepostfachfunktion vorgestellt, einschließlich JS-Implementierungstechniken im Zusammenhang mit dem Durchlaufen von Hash-Tabellen und dem dynamischen Betrieb von Seitenelementattributen. Freunde, die sie benötigen, können darauf verweisen. Ich hoffe, es kann allen helfen

Vorwort

Während des Registrierungsprozesses müssen Sie häufig Ihre E-Mail-Adresse eingeben und sich bei Ihrem anmelden E-Mail-Adresse zur Verifizierung. JS kann verwendet werden, um die Klick-Anmeldebestätigung für verschiedene E-Mail-Adressen zu implementieren. Der folgende Implementierungsplan ist sehr einfach

Code

Daten zum E-Mail-Domänennamen


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'
}
Nach dem Login kopieren

Holen Sie sich die E-Mail-Domäne und ersetzen Sie den Link (jQuery muss hier eingeführt werden)

// 点击登录邮箱
var _mail = $("#email").val().split('@')[1];  //获取邮箱域
for (var j in hash){
  if(j == _mail){
    $(".js_login_mail").show().attr("href", hash[_mail]);  //替换登陆链接
  }
}
Nach dem Login kopieren

Verwandte Empfehlungen:

Mui verwendet jquery und verwendet einen Klick, um zu einem neuen Fensterbeispiel zu springen, um es zu teilen.

Verwendet ionic, um ein unendliches Karussell zu erreichen, und klicke, um zu springen

Mui verwendet JQuery und teilt ein Beispiel für die Verwendung von „Klicken, um zu einem neuen Fenster zu springen“

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel für die einfache Implementierung der Click-to-Jump-Anmelde-E-Mail-Funktion mithilfe von JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage