介紹
localStorage
永久保存 不同頁面和標(biāo)簽頁可以共享 關(guān)閉瀏覽器不會(huì)清除
sessionStorage
會(huì)話保存 不同頁面和標(biāo)簽頁不能共享 關(guān)閉瀏覽器會(huì)清除
遇到的問題:SecurityError (DOM Exception 18): The operation is insecure.
需要在服務(wù)器狀態(tài)下使用,如果以file://狀態(tài)使用會(huì)DOM異常的錯(cuò)誤
原型
clear()
getItem(key)
key(index)
length
removeItem(key)
setItem(key, data)
使用
setItem()
window.localStorage.setItem('name', 'tanyue'); //設(shè)置名稱為“name”的值 關(guān)閉瀏覽器不會(huì)消失
window.localStorage.setItem("email", 'tanyuetz163.com'); //設(shè)置名稱為“email”的值 關(guān)閉瀏覽器不會(huì)消失
window.sessionStorage.setItem("email", 'tanyuetz163.com'); //獲取名稱為“email”的值 關(guān)閉瀏覽器消失
getItem()
var local = window.localStorage.getItem('name'); //獲取name的值
var session = window.sessionStorage.getItem('email'); //獲取email的值
console.log(local);
console.log(session);
遍歷
var storage = window.localStorage;
for (var i = 0, len = storage.length; i < len; i++) {
var key = storage.key(i);
var value = storage.getItem(key);
console.log(key + "=" + value);
}
removeItem()
window.localStorage.removeItem('name'); //移除name屬性
window.sessionStorage.removeItem("email"); //移除email屬性
clear()
window.localStorage.clear(); //清除localStorage