笔记：JavaScript 给多个按钮中的每个按钮添加点击事件

笔记：JavaScript 给多个按钮中的每个按钮添加点击事件

实现：有多个按钮，给每个按钮添加点击事件，当点击按钮时，能够获得当前按钮的下标

一、闭包

window.onload = function(){
			//获取所有按钮
            var obtns = document.getElementsByTagName("button");
            //通过循环给每个按钮添加点击事件
            for(var i = 0; i < obtns.length ; i++){
                obtns[i].onclick = (function(index){
                    return function(){
                        alert(index);
                    }
                })(i);
            }
        }

二、this关键字

this：只要封装函数，任何一个函数系统都会内置一个叫做this的变量。this变量存储的是地址，是当前函数的地址。（通常）

 window.onload = function(){
            var obtns = document.getElementsByTagName("button");
            for(var i = 0; i < obtns.length ; i++){
                //给每个按钮添加自定义属性
                obtns[i].index = i;
                obtns[i].onclick = function(){
                    alert(this.index);
                }
            }
        }