Javascript 中調參數的腳本onclick="select(this)" this 怎么解釋


解釋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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM