点击元素时，将当前元素作为参数传给点击事件的回调函数

1.    一般情况下，我们会在js文件里监听事件

　　但是，有的时候，我们会把点击事件的回调函数放在html文件里

　　这个时候，我们如果要在回调函数里操作元素，就需要在点击的时候把元素对象作为参数给回调函数

<div class="box" onclick="handler(this)"></div>

function handler(that) {   //这里不能用this,会被当作window
     console.log(that)      //<div class="box" onclick="handler(this)"></div>
}

 

2. 还有一种情况, 很多时候，我们会动态的添加dom元素, 在不使用组件类框架的情况下，我们使用字符串的形式动态添加

var addrNode = '<div onclick="handler2(' + name + ',this)">hahahahah</div>'
function handler2(name, that){
　　console.log(name, that)
}