DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 淺談javascript中this在事件中的應用
淺談javascript中this在事件中的應用
編輯:JavaScript綜合知識     

 這篇文章主要介紹了淺談javascript中this在事件中的應用實例,非常有助於我們對this關鍵字的理解,這裡推薦給大家。

   

this關鍵字在javascript中是非常強大的,但是如果你不清楚它是怎麼工作的就很難使用它.

 

代碼如下:
function dosomething(){ this.style.color="#fff"; }

 

上面這段代碼中的this指向什麼呢,運行dosomething()會輸出什麼呢?

在javascript中,this總是指向當前執行的這個函數,或者把函數作為方法調用的這個對象.當我們在頁面上定義dosomething()這個方法後,this的所有者就是當前的頁面,或者說是全局對象.

所以我們執行dosomething()這個函數,會引發錯誤.因為函數的this指向的是全局對象window,而window對象沒有style屬性.

復制:

 

代碼如下:
element.onclick=dosomething;

 

dosomething()現在被整個復制到onclick屬性上作為一個方法.所以如果這個事件執行的話,this就指向這個HTML元素,相應HTML元素的color就會改變.dosomething每次復制到事件上,this就會指向當前執行這個方法的html元素.

引用:

 

代碼如下:
<element onclick="dosomething()">

 

此時你沒有復制這個方法,而是引用了這個方法,onclick屬性並不包含實際的方法,僅僅只是一個方法的調用.當我們執行這個方法時,this再次指向全局window對象並引發錯誤.

以上就是本文的全部內容了,有需要的小伙伴好好來研究下吧。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved