<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload = function (){
//js第一步解析：i最后为3；
var aBtn = document.getElementsByTagName(‘input‘);
for( var i=0; i<aBtn.length; i++ ){
// 在js第一步解析后，i=3；
aBtn[i].onclick = function (){
//函数内i，在js第一步解析i（没有声明i），先没找到，再找到var i，值为undefined；如果是if（i=0），则会到外域找i=3；
alert( i );// 3,
//for( i=0; i<aBtn.length; i++ ){//如果是if（i=0），则会到外域找i=3；
for( var i=0; i<aBtn.length; i++ ){
aBtn[i].style.background = ‘yellow‘;
}
};
}
};
</script>
</head>
<body>
<input type="button" value="按钮1" />
<input type="button" value="按钮2" />
<input type="button" value="按钮3" />
</body>
</html>
时间： 2024-10-20 04:21:44