本地存储

 

什么是本地存储？

本地存储是用于访问存储对象的属性，该属性用于存储和检索用户浏览器中的数据。它只能在客户端访问，而不能像Cookie在服务器端访问。

可以访问存储在本地存储中的数据。所有页面都在同一个域下，除非用户没有手动将其删除。即使用户关闭了Bowser，下次也可以访问数据。

 

localStorage.setItem('pageName',page);

 

const pageName = localStorage.getItem('pageName');

 

localStorage.removeItem('pageName');

 

localStorage.clear（）;   

这将删除当前域的所有本地存储。

什么是会话存储？

会话存储与本地存储几乎相同。唯一的区别是，一旦用户关闭浏览器窗口，会话存储将被清除。

句法

如下所示，所有为本地存储编写的示例都可以用于会话存储。

设置会话存储 

sessionStorage.setItem（'ProductName' ，  'Mobile' ）;

//或者

sessionStorage.ProductName =  '移动' ;

获取会话存储 

var  ProductName = sessionStorage.getItem（'ProductName' ）;

//或者

var  ProductName = sessionStorage.ProductName;

删除会话存储 

sessionStorage.removeItem（'ProductName' ）;
sessionStorage.clear（）;

浏览器对本地存储和会话存储的支持如下所示。

浏览器	最低版本
铬合金	4.0
火狐浏览器	3.5
IE浏览器	8.0
歌剧	10.50
苹果浏览器	4.0

存储容量

本地存储和会话存储的存储容量因浏览器而异。通常，浏览器提供大约5MB的存储空间。