MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

使用 this 取得物件的參考

 

使用 this 取得物件的參考

JavaScript 有特別的關鍵字,this,你可以在方法內部使用,用來參考使用中的物件。舉例來說,假設你有稱為 validate 的函數可以檢驗物件的 value 屬性,傳入的參數是物件和上限、下限值︰

function validate(obj, lowval, hival) {
   if ((obj.value < lowval) || (obj.value > hival))
      alert("Invalid Value!");
}

然後,你可以在每一個表單的 onchange 事件處理器中呼叫 validate,使用 thisform 元素傳給函數,如下所示︰

<input type="text" name="age" size="3"
   onChange="validate(this, 18, 99)">

一般來說,this 會參考方法裡的呼叫端物件。

如果和 form 的屬性結合使用this 可以參考使用中物件的親表單。在下面的範例中,表單 myForm 內含 Text 物件以及按鈕。當使用者按下按鈕,表單的名稱就會被設成 Text 物件裡的值。按鈕的 onclick 事件處理器使用 this.form 來參考親表單 myForm

<form name="myForm">
<p><label>Form name:<input type="text" name="text1" value="Beluga"></label>
<p><input name="button1" type="button" value="Show Form Name"
      onclick="this.form.text1.value=this.form.name">
</p>
</form>

文件標籤與貢獻者

 此頁面的貢獻者: teoli, happysadman
 最近更新: teoli,