`
zhangbaoming815
  • 浏览: 150870 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html5的页面存储

阅读更多

html5的页面存储

使用html5,浏览器可以将页面数据存储在本地,早期是通过cookies实现的。然而,页面存储更快也更安全,存储的数据不包括所有的服务请求,只有在被请求的情况下才存储数据,在不影响网站性能的情况下可以存储大量的数据,数据是以键值对的形式存储的


在客户端存储数据有两种形式:

本地存储:无限期的存储数据,在浏览器关闭的时候也不会被删除,以后还是可用的

会话存储:只为一个会话存储数据,其他的使用基本与localStorage相同,除了只为一个会话存储数据,当浏览器关闭的时候,数据就会被删除


在使用页面存储数据之前,先检查浏览器是否支持本地存储和会话存储:

<body>
<div id="result"></div>
	<script>
		if(typeof(Storage)!=="undefined")
		  {
			localStorage.lastname="Smith";
			document.getElementById("result").innerHTML="Last name: " + localStorage.lastname;
		  }
		else
		  {
			document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
		  }
	</script>
</body>
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics