H5新特性之sessionStorage

sessinStorage的使用:存储数据到本地。存储的容量5mb左右。
		这个数据本质是存储在当前页面的内容中
		2.他的生命周期为关闭当前页面,会自动清除
		页面关闭就没了
		setItem(key,value):存储数据,以键值对的方式存储
		getITem(key):获取数据,通过指定名称的key获取对应的value值
		removaItem(key):删除数据,通过指定名称key删除对应的值
		clear():清空所有存储的内容<br>
		<input type="text" id="userName"/><br>
		<input type="button" value="设置数据" id="setData"/>
		<input type="button" value="获取数据" id="getData"/>
		<input type="button" value="删除数据" id="removeData"/>
		<script type="text/javascript">
			document.querySelector("#setData").onclick=function(){
				/*获取用户名数据*/
				var name=document.querySelector("#userName").value;
				/*存储数据*/
				window.sessionStorage.se tItem("userName",name);
			};
			document.querySelector("#getData").onclick=function(){
				/*如果找不到对应的key,就会获取null*/
				var name=window.sessionStorage.getItem("userName");
				alert(name);
			};
			/*在删除的时候如果key值错误,不会报错,也不会删除数据
			 */
			document.querySelector("#removeData").onclick=function(){
				window.sessionStorage.removeItem("userName");
			};
		</script>

猜你喜欢

转载自blog.csdn.net/weixin_43727391/article/details/84197120