解釋1、
this,指當前的onclick所在的節點本身。
比如:
<div onclick='select(this)"></div>
則當點擊div時,this就是div這個dom節點。
解釋2、
input標簽中 onclick="test(this)" 在瀏覽器解析后,會自動轉換成 javascript的事件函數
input對象.onclick = function (event) {
test(this)
}
當以對象里的方法的方式調用函數時,函數內的 this 是調用該函數的對象
當函數被用作事件處理函數時,它的this指向觸發事件的元素
解釋3、
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body> <div id="div1" style="width:300px;height:250px;background-color:red">div1</div> <input type="button" value="黑色" onclick="o.changeColor(this)"/> <!-- 這里的 this 是觸發對象本身,作為參數傳遞給對象 o 的 changeColor 方法 --> <input type="button" value="紅色" onclick="o.changeColor(this)"/> <script> var o = { bgcolor : 'red', obj : document.getElementById('div1'), changeColor:function(btn){ // 這里的 this 是對象 o 本身,而傳遞進來的對象作為參數,被方法重命名了,即變量 btn this.bgcolor = this.obj.style.background = btn.value=='黑色'?'black':'red'; } } </script> </body> </html>