天天看點

html注冊送出後自動跳轉,點選登入,登陸成功,自動跳轉到起始頁面,這要怎麼做?...

先介紹下登入過程,然後介紹代碼如何做。

登入過程

下面這個頁面是起始頁面,因為我已經測試過了,是以這裡會顯示我的使用者名

html注冊送出後自動跳轉,點選登入,登陸成功,自動跳轉到起始頁面,這要怎麼做?...

點選按鈕跳轉到登入頁面,輸入使用者名,密碼,然後點選登入(注意這裡我們的使用者名是:segment)

html注冊送出後自動跳轉,點選登入,登陸成功,自動跳轉到起始頁面,這要怎麼做?...

頁面會跳轉到起始頁面,并且會顯示我們剛才的使用者名

html注冊送出後自動跳轉,點選登入,登陸成功,自動跳轉到起始頁面,這要怎麼做?...

起始頁面設計--goTo-demo.html

主要代碼如下:

登入傳回後下面顯示你的登入使用者名

點選跳轉登入

目前使用者名是:

var username = document.getElementById("username");

window.onload = function(){

if(localStorage.username.length>1){

username.innerHTML = localStorage.username; //給标簽加使用者名

}

}

function login(){

// 構造傳回連結

var returnUrl = "returnUrl=goTo-demo.html";

var Url = "goToLogin-demo.html" + "?" + returnUrl;

location.href = Url;

}

登入頁面設計--goToLogin-demo.html

主要代碼如下:

頁面登入

使用者名:

密  碼:

登入

function login(){

var username = document.getElementById('username').value;

var password = document.getElementById('password').value;

// 使用者名和密碼都不為空

if(username&&password){

localStorage.username = username;

var url = location.search.split("=")[1];

location.href = url; //從位址欄擷取傳回位址,實作跳轉

}

}