HTML5 本地存储 localStroage、sessionStroage

在HTML5中,本地存储是window的属性,包括localStorage和sessionStorage,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)。

localStroage和sessionStroage相同点:

  • 都用于在浏览器中以key-value对形式存储数据。
  • 存储大小都约为 5M
  • 都只能存储字符串类型的对象

不同点:

  • localStroage:永久性存储,数据永远保留,除非主动删除
  • sessionStroage:会话型存储,临时保存窗口数据,在关闭窗口后数据将被删除。即使同时打开两个相同url的页面,它们的sessionStroage数据也不共享。

localStroage中数据的存取,sessionStroage也是一样的写法

// 存储
localStorage.setItem("lastname", "Smith");
localStorage.["lastname"] = "Smith"
localStorage.lastname = "Smith"
// 检索
localStorage.getItem("lastname");
localStorage.["lastname"]
localStorage.lastname
// 删除
localStroage.clear()  //全部清除
localStroage.removeItem("lastname")   //删除某个键值对

猜你喜欢

转载自blog.csdn.net/qq_39706777/article/details/121228107