JScript面向事件驅(qū)動的編程
2024-09-06 12:43:45
供稿：網(wǎng)友
世間萬物,千變?nèi)f化,面向?qū)ο蟮木幊桃嗍菍ΜF(xiàn)實(shí)社會的模擬,而JavaScript是一種基于對象并且很接近面向?qū)ο缶幊痰木幊陶Z言,而我們web設(shè)計(jì)師/程序員跟JavaScript打交道亦要直面JavaScript才能夠把網(wǎng)頁寫得更加豐富多彩.在此先搞清楚一點(diǎn)就是:JavaScript并不僅僅用在Web上,它可以用在許多領(lǐng)域,當(dāng)然我這里討論的更多的是JavaScript在Web上的應(yīng)用,并且主要是事件方面的應(yīng)用.
JavaScript并不能直接對Web對象進(jìn)行操作,而是要通過瀏覽器提供的Document Object Modle(即常聽說的DOM,文檔模型對象)來操作對象.HTML是一個樹文檔,它以HTML標(biāo)簽為根,其它的元素都是在HTML標(biāo)簽之內(nèi),一級一級地延伸下去.而DOM中,則以window為根對象,其它的對象則為它的子對象或者它的子對象的子對象.
首先來認(rèn)識一下什么叫事件，請看下邊的代碼：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
很簡單的一個實(shí)例,頁面只有一個按鈕,它的value值為"這是一個按鈕",并且我們給它指定了onclick屬性,它的值為一行JavaScript代碼,使用了window對象的alert方法,將this.value的內(nèi)容顯示在警告窗體中.這里的this是啥呢?this就是當(dāng)前操作的對象,即該input對象.這份代碼告訴瀏覽器:"當(dāng)前對象受點(diǎn)擊"的時候要調(diào)用window.alert(this.value)這行代碼,因此瀏覽器在按鈕受點(diǎn)擊的時候就執(zhí)行了相關(guān)的操作.一個對象可以有許多事件,比如說單擊(click),雙擊(dbclick),鼠標(biāo)移到上邊(mouseover),鼠標(biāo)移開(mouseout)等等,這些事件經(jīng)常在各種流傳的代碼中可以看到.那如何給一個對象設(shè)置事件發(fā)生時執(zhí)行的代碼呢?一般來說有以下三種方式:
第一種:直接設(shè)置HTML元素的事件屬性,名稱一般是on+事件名稱,比如說單擊事件即為onclick,實(shí)例請見上邊的代碼
第二種:在script中對HTML對象設(shè)置事件屬性,名稱一般也是on+事件名稱,比如說obj.onclick = 函數(shù),請見實(shí)例代碼:
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
或者：
