res.push(`${key}:${localStorage.getItem(key)}`);里的`${key}:${localStorage.getItem(key)}`是什么意思啊，怎么有`和{

最新推荐文章于 2022-08-17 15:53:07 发布

weixin_44004197

最新推荐文章于 2022-08-17 15:53:07 发布

阅读量505

点赞数

文章标签： javascript html

原文链接：https://www.wanmen.org/courses/5afd3d30a43c066998dfc1e3/lectures/5b35f3ab588a0a1c7ccf415d

版权

代码：

<head>
	<meta charset="UTF-8">
	<title></title>
	<script type="text/javascript">
		function $(id){
			return document.getElementById(id);
		}
		function setItem(){
			let key = $('key').value;
			let value = $('value').value;
			
			localStorage.setItem(key,value);
			refreshDiv();
		}
		function refreshDiv(){
			let res = ['localStorage.length: ' + localStorage.length];            
		    for(let i = localStorage.length;i--;){
		    	var key = localStorage.key(i);
		    	res.push(`${key}:${localStorage.getItem(key)}`);
		  	}
		    $('showDiv').innerHTML = res.join('<br/>');
		}
	</script>
</head>
<body>
	<label>Key:<input id="key" type="text" /> 
	</label>&nbsp;&nbsp;&nbsp;&nbsp;
	<label>Value:<input id="value" type="text" />
	</label><br />
	<button onclick="setItem()"> SetItem </button>&nbsp;
	<button>getItem</button>&nbsp;
	<button>removeItem</button>&nbsp;
	<button>clear</button>&nbsp;
	<button>key(0)</button>&nbsp;
	<button>length</button>&nbsp;
	<button>remainSpace</button>&nbsp;
	<div id="showDiv"></div>
</body>

代码前补上<!DOCTYPE html