js的sessionStorage和localStorage使用

发布时间 2023-06-16 16:17:24作者: carol2014

localStorage生命周期是永久,除非用户主动清除localStorage信息,否则这些信息将永远存在。

sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页关闭,那么当前窗口或标签页通过sessionStorage存储的数据也就被清空了。

不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是,页面及标签页仅指顶级窗口,如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的。

 

 可以通过F12的应用(Application)查看内容

 

设置:localStorage.setItem("key","value");

获取:localStorage.getItem("key");

删除:localStorage.removeItem("key");

清除所有:localStorage.clear();​

sessionStorage的用法同localStorage