先介紹下登入過程,然後介紹代碼如何做。
登入過程
下面這個頁面是起始頁面,因為我已經測試過了,是以這裡會顯示我的使用者名

點選按鈕跳轉到登入頁面,輸入使用者名,密碼,然後點選登入(注意這裡我們的使用者名是:segment)
頁面會跳轉到起始頁面,并且會顯示我們剛才的使用者名
起始頁面設計--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; //從位址欄擷取傳回位址,實作跳轉
}
}