HTML5 Web 存储

什么是 HTML5 Web 存储?

使用HTML5可以在本地存储用户的浏览数据。这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能.数据以 键/值 对存在, web网页的数据只允许该网页访问使用。

1. localStorage 

用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。

在使用 web 存储前,应检查浏览器是否支持 localStorage 和sessionStorage:

2. 检查浏览器是否支持 localStorage 


	
	
		
    菜鸟教程(runoob.com)
	
	
	
	
	

3. 用Web Storage 开发一个简单的网站列表程序

网站列表程序实现以下功能:

  • 可以输入网站名,网址,以网站名作为key存入localStorage;
  • 根据网站名,查找网址;
  • 列出当前已保存的所有网站;

实现效果如下

HTML5 Web 存储_第1张图片

实现脚本如下





	  
    HTML5本地存储之Web Storage篇  


	 




 

你可能感兴趣的:(网络)