天天看點

本地存儲之localStorage

源碼可以到GitHub上下載下傳!

localStorage:

  存儲上限限制:不同的浏覽器存儲的上限也不一樣,但大多數浏覽器把上限限制在5MB以下。

  localStorage與sessionStorage的差別:就是localStorage屬于永久性存儲,而sessionStorage屬于當會話結束的時候,sessionStorage中的鍵值對會被清空

  關閉浏覽器後,再打開仍有資料

  清除緩存加載後仍有資料

  同網絡位址頁面均能得到資料

// localStorage使用示例
        var username = document.getElementById("username"); // 擷取input username
        var userpwd = document.getElementById("userpassword"); // 擷取input userpassword
        var remember = document.getElementById("remember"); // 擷取記住賬号密碼
        // 點選複選框記住 賬号、密碼、複選框
        function rememberValue() {
            if (remember.checked == true) {
                localStorage.setItem('user', username.value);
                localStorage.setItem('pwd', userpwd.value);
                localStorage.setItem('remember', remember.checked);
            } else {
                localStorage.removeItem("user");
                localStorage.removeItem("pwd");
                localStorage.removeItem("remember");
                // localStorage.clear();// 全部删除
            }
        }
        // 頁面加載完畢後從localStorage裡讀取值并填入相應的标簽内
        window.onload = function () {
            username.value = localStorage.getItem("user");
            userpwd.value = localStorage.getItem("pwd");
            remember.checked = localStorage.getItem("remember");
        }      
上一篇: 3年?3天?
下一篇: flashback drop