localStorage与sessionStorage使用

介绍
localStorage
永久保存 不同页面和标签页可以共享 关闭浏览器不会清除
sessionStorage
会话保存 不同页面和标签页不能共享 关闭浏览器会清除
遇到的问题：SecurityError (DOM Exception 18): The operation is insecure.
需要在服务器状态下使用，如果以file://状态使用会DOM异常的错误

原型
clear()
getItem(key)
key(index)
length
removeItem(key)
setItem(key, data)
使用

setItem()

window.localStorage.setItem('name', 'tanyue'); //设置名称为“name”的值 关闭浏览器不会消失
window.localStorage.setItem("email", 'tanyuetz163.com'); //设置名称为“email”的值 关闭浏览器不会消失
window.sessionStorage.setItem("email", 'tanyuetz163.com'); //获取名称为“email”的值 关闭浏览器消失

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