h5存储内容

最新推荐文章于 2022-12-06 22:43:50 发布

li3196672779

最新推荐文章于 2022-12-06 22:43:50 发布

阅读量177

点赞数

分类专栏： Html5

Html5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function(){
//				抓取元素
				var shezhi = document.getElementById("add");
				var huoqu   = document.getElementById("get");
				var h1 = document.getElementById("h1");
				var clear = document.getElementById("clear");
				
					shezhi.onclick = function(){
//						设置localStorage('名字','值')
//						localStorage.setItem('name','小二郎');
//						localStorage.setItem('age','18岁');
//						localStorage.setItem('sex','男');

//						sessionStorage与localStorage的区别
//						1.sessionStorage当页面关闭的时候就删除掉了,localStorage会一直存储
//						2.sessionStorage只存在当前页面,localStorage可以页面之间传递的
						
						sessionStorage.setItem('name','小二郎')
						
						
					}
					huoqu.onclick =function(){
//						获取localStorag('键名（名字）')
//						var a = localStorage.getItem('add');
//						h1.innerHTML = a;

						var a = sessionStorage.getItem('name');
						h1.innerHTML = a;
					}
					clear.onclick = function(){
//						清除localStorage.removeItem('名字')
//							localStorage.removeItem('add');

//							清除所有localStorage
//							localStorage.clear();

//							清除sessionStorage.removeItem('名字')
							sessionStorage.removeItem('name');
							
//							清除所有sessionStorage
//							sessionStorage.clear();

					}
				
			}
		</script>
	</head>
	<body>
		<input type="button" id="add" value="设置" />
		<input type="button" name="get" id="get" value="获取" />
		<input type="button" name="clear" id="clear" value="清除" />
		<h1 id="h1"></h1>
	</body>
</html>

li3196672779

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
h5存储内容

window.onload = function(){// 抓取元素 var shezhi = document.getElementById("add"); var huoqu = document.getElementById("get"); var h1 = document.getElementById("h1"); var clear = do
复制链接

扫一扫

专栏目录