let命令的应用

时间：6年前阅读：4991

直接上代码演示，最终效果点运行代码来看：

<!DOCTYPE html>    
<html>    
	<head>    
		<meta charset="UTF-8">    
		<title></title>    
	</head>    
	<body>    
		<ul id="hd">    
			<li>韩国冰壶丑闻结果0</li>    
			<li>花1500买海豚放生...1</li>    
			<li>流浪地球破40亿2</li>    
			<li>委内瑞拉彻底关闭与巴西边界3</li>    
			<li>一男子驾车为逃避检查撞倒环卫工 逃窜60余公里被抓获4</li>    
			<li>玩直播、热衷网购…老年人上网是种怎样的体验？5</li>    
			<li>练过功？商丘一女子暴力抗法竟把民警的手指掰折45°6</li>      
		</ul>    
		<script type="text/javascript">    
			var lis = document.getElementById('hd').getElementsByTagName('li');    
//			for (var i=0;i<lis.length;i++) {    
//				lis[i].xuhao = i; //每循环一次，把i的值存到xuhao里面去    
//				lis[i].onclick = function(){    
//					alert(this.xuhao);    
//				}    
//			}    
//			上面的是之前的写法    
//			用let的写法    
			for(var i =0;i<lis.length;i++){    
				let x = i;   //循环let 一次就有一个作用域    循环8次就有8个作用域    
				lis[x].onclick = function(){    
					alert(x);    
				}    
			}    
		</script>    
	</body>    
</html>

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

微信扫码关注

更新实时通知

let命令的应用

网友评论