源碼可以到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");
}