› 首页 ›期权学习›期权知识›正文

HTML5 web storage本地存储

xiaojiucai 期权知识 2020-08-18 515 0

<!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/post/7466.html

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

版权声明

本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。