前端小白,在工作中遇到两个js页面之间的值传递。用了HTML5本地存储的localStorage,实现了想要的功能。然后就了解了一下这两个api的区别和方法。
首先
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 HTML5 的本地存储。 localStorage 是 HTML5 本地存储的 API,使用键值对的方式进行存取数据,存取的数据只能是字符串。不同浏览器对该 API 支持情况有所差异,如使用方法、最大存储空间等。
localStorage API 使用方法简单易懂,常见方法
设置数据:localStorage.setItem(key,value);
获取数据:localStorage.getItem(key) ;
删除数据:localStorage.removeItem(key);
清空全部数据:localStorage.clear();
eg:
var key = 1;
localStorage.setItem('key',key);
var Value = localStorage.getItem('key');
localStorage.removeItem('key');
var key = 1;
localStorage.setItem('key',key);
var Value = localStorage.getItem('key');
localStorage.removeItem('key');