localStorage、sessionStorage

来源：互联网发布：娱乐软件下载编辑：程序博客网时间：2024/06/05 09:59

HTMl5的sessionStorage和localStorage参考：http://www.cnblogs.com/yuzhongwusan/archive/2011/12/19/2293347.html

相关：http://www.cnblogs.com/shihao/archive/2011/12/23/2298854.html

在线ppt：http://www.tfan.org/wp-content/slides/storage.html

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

遇到问题（未解决）：

运行下面代码出现错误：SecurityError: The operation is insecure.（安全问题）

sessionStorage.lastname="Smith";
document.write(sessionStorage.lastname);

操作worker时可出现上面错误。如：

w=new Worker("workers.js");

—————————————————————————————————————————————————————————————————————————————

localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem等

存储value三种情况：

1、setItem(key,value)

2、localStorage.key=value

3、localStorage[key]=value

removeItem删除

keylocalStorage.removeItem("site");

clear清除所有的key/value

localStorage.clear();

sessionStorage和localStorage提供的key()和length可以方便的实现存储的数据遍历

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);

}

0 0