html5的页面存储

最新推荐文章于 2024-01-15 09:06:41 发布

原创最新推荐文章于 2024-01-15 09:06:41 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #storage #web storage #页面存储

html5 专栏收录该内容

3 篇文章

订阅专栏

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>