H5web端存储

来源:互联网 发布:linux 文件权限所有者 编辑:程序博客网 时间:2024/05/22 07:48

做项目的时候需要保存几个数据到其他页面使用,但是又不想通过接口传值,费事,就通过web存储来实现,简单又使用。

首先我们要知道H5web存储有两种方式:localStorage和sessionStorage,它们的值都是以键值对的形式存在的。localStorage和sessionStorage的存储量要比cookie大很多!cookie的容量为4k,H5存储的容量达到5-10M!

1,localstorage:没有时间限制,关闭浏览数据也会存在的。

1.1,保存数据:localStorage.setItem(key,value)或者localStorage.key=value。

例如:localStorage.age="12"; localStorage.address="北京",打开调试窗口可以看到localStorage里面的值



1.2,读取数据。localStorage.getItem(key) 或者 localStorage.key

console.log(localStorage.age);//输出结果为12。


1.3,删除数据。

单个删除:localStorage.removeItem(key);

删除所有:localStorage.clear();



2,sessionStorage:针对一个session,关闭浏览器数据就会被删除。

所有的用法和localStorage一样,这里就不在写出来了。具体使用哪种可以看具体情况。


原创粉丝点击