網頁中使用localStorage儲存用戶名等數據

特點：

1.不同瀏覽器無法共享localStorage,
2.相同瀏覽器的不同頁面間可以共享相同的 localStorage但是前提必須是在同一域名和端口下。如果一個標簽頁包含多個iframe標簽且他們屬于同源頁面，那么他們之間是可以共享sessionStorage的。
3.在谷歌無痕模式下，localStorage、cookie是讀取不到的，但是你可以新增數據然后讀取，但是關閉頁面后再打開還是會清空。

實例：
window.onload = function () {  //頁面打開后
    var username = document.getElementById("txtUserName");  //獲取 用戶名
    var password = document.getElementById("txtPassword");  //獲取密碼
    var chk = document.getElementById("chkRemember");  //獲取 記住登錄
    if (localStorage.getItem("username") && localStorage.getItem("password")) {   //頁面localStorage.getItem 存在數據 就保存 并復選框為選中
        username.value = localStorage.getItem("username");
        password.value = localStorage.getItem("password");
        chk.checked = true;
    }
    chk.onclick = function () {  //點擊復選框
        if (chk.checked) {            //選中時localStorage.setItem 保存數據
            localStorage.setItem("username", username.value);
            localStorage.setItem("password", password.value);
        } else {
            localStorage.removeItem("username");  //不選中時刪除localStorage.removeItem數據
            localStorage.removeItem("password");
        }
    }
}