js的sessionStorage和localStorage使用

localStorage 和 sessionStorage 存储内容的生命周期

  • 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。

posted @ 2023-06-16 16:10  carol2014  阅读(109)  评论(0)    收藏  举报