HTML5的Web存储应用

阅读更多

一 介绍

HTML5 web存储,一个比cookie更好的本地存储方式。

1、什么是HTML5 Web存储

使用HTML5可以在本地存储用户的浏览数据。

早些时候,本地存储使用的是cookie。

但是Web存储需要更加的安全与快速，这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上，它也可以存储大量的数据，而不影响网站的性能。

数据以 键/值 对存在, web网页的数据只允许该网页访问使用。

2、localStorage和sessionStorage 

客户端存储数据的两个对象为：

localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。

sessionStorage - 针对一个 session 的数据存储，当用户关闭浏览器窗口后，数据会被删除。

二 代码

	
	 
	  
  

	
 Storage示例
  
	
	
	使用Local Storage保存：
	

	 
	
	

 

 

三 运行结果

 

• 
• 大小: 23.9 KB

• 查看图片附件