HTML5 web storage本地存储

时间:4年前   阅读:5117

<!DOCTYPE html>    
<html>    
	<head>    
		<meta charset="UTF-8">    
		<title></title>    
	</head>    
	<body>    
		<input type="button"  id="btn" value="向本地添加数据"/>    
		<script type="text/javascript">    
			document.getElementById('btn').onclick = function(){    
				alert('添加数据成功');    
				localStorage.setItem('shopname','选择这个');    
				localStorage.setItem('bt','选择这个02');    
				localStorage.setItem('gg','选择这个03');    
				localStorage.setItem('kk','选择这个04');    
//				删除本地存储区域的内容    
//				localStorage.removeItem('bt');    
//				把本地存储中通过localStorage存储的数据全都清空    
//				localStorage.clear();    
//				localStorage保存长久,关浏览器或关机只要没清空缓存都在,sessionstorage只要关了浏览器再开就没有    
			}    
		</script>    
	</body>    
</html>
<!DOCTYPE html>    
<html>    
	<head>    
		<meta charset="UTF-8">    
		<title></title>    
	</head>    
	<body>    
	<script type="text/javascript">    
//		alert(localStorage.getItem('bt'));    
//		获得localStorage数据的个数    
		alert(localStorage.length);    
	</script>	    
	</body>    
</html>

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

上一篇:css3属性实现三维圆周效果

下一篇:oraclecloud实例利用 cloud-init 脚本来开启 root 账号密码登录!脚本!

网友评论

请先 登录 再评论,若不是会员请先 注册