2018-3-25 seo達(dá)人
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
JavaScript 創(chuàng)建動(dòng)態(tài)頁(yè)面。事件是可以被 JavaScript 偵測(cè)到的行為。 網(wǎng)頁(yè)中的每個(gè)元素都可以產(chǎn)生某些可以觸發(fā) JavaScript 函數(shù)或程序的事件。比如說,當(dāng)用戶單擊按鈕或者提交表單數(shù)據(jù)時(shí),就發(fā)生一個(gè)鼠標(biāo)單擊(onclick)事件,需要瀏覽器做出處理,返回給用戶一個(gè)結(jié)果。主要事件表總結(jié)如下:
onclick是鼠標(biāo)單擊事件,當(dāng)在網(wǎng)頁(yè)上單擊鼠標(biāo)時(shí),就會(huì)發(fā)生該事件。同時(shí)onclick事件調(diào)用的程序塊就會(huì)被執(zhí)行,通常與按鈕一起使用。
單擊按鈕時(shí),觸發(fā) onclick 事件,并調(diào)用兩個(gè)數(shù)和的函數(shù)add2()。代碼如下:
注意: 在網(wǎng)頁(yè)中,如使用事件,就在該元素中設(shè)置事件屬性。
鼠標(biāo)經(jīng)過事件,當(dāng)鼠標(biāo)移到一個(gè)對(duì)象上時(shí),該對(duì)象就觸發(fā)onmouseover事件,并執(zhí)行onmouseover事件調(diào)用的程序。鼠標(biāo)經(jīng)過”確定”按鈕時(shí),觸發(fā)onmouseover事件,調(diào)用函數(shù)message(),彈出消息框,代碼如下:
運(yùn)行結(jié)果:
鼠標(biāo)移開事件,當(dāng)鼠標(biāo)移開當(dāng)前對(duì)象時(shí),執(zhí)行onmouseout調(diào)用的程序。當(dāng)把鼠標(biāo)移動(dòng)到”登錄”按鈕上,然后再移開時(shí),觸發(fā)onmouseout事件,調(diào)用函數(shù)message(),代碼如下:
運(yùn)行結(jié)果:
當(dāng)網(wǎng)頁(yè)中的對(duì)象獲得聚點(diǎn)時(shí),執(zhí)行onfocus調(diào)用的程序就會(huì)被執(zhí)行。
如下代碼, 當(dāng)將光標(biāo)移到文本框內(nèi)時(shí),即焦點(diǎn)在文本框內(nèi),觸發(fā)onfocus 事件,并調(diào)用函數(shù)message()。
運(yùn)行結(jié)果:
onblur事件與onfocus是相對(duì)事件,當(dāng)光標(biāo)離開當(dāng)前獲得聚焦對(duì)象的時(shí)候,觸發(fā)onblur事件,同時(shí)執(zhí)行被調(diào)用的程序。如下代碼, 網(wǎng)頁(yè)中有用戶和密碼兩個(gè)文本框。當(dāng)前光標(biāo)在用戶文本框內(nèi)時(shí)(即焦點(diǎn)在文本框),在光標(biāo)離開該文本框后(即失焦時(shí)),觸發(fā)onblur事件,并調(diào)用函數(shù)message()。
運(yùn)行結(jié)果:
選中事件,當(dāng)文本框或者文本域中的文字被選中時(shí),觸發(fā)onselect事件,同時(shí)調(diào)用的程序就會(huì)被執(zhí)行。如下代碼,當(dāng)選中用戶文本框內(nèi)的文字時(shí),觸發(fā)onselect 事件,并調(diào)用函數(shù)message()。
運(yùn)行結(jié)果:
通過改變文本框的內(nèi)容來觸發(fā)onchange事件,同時(shí)執(zhí)行被調(diào)用的程序。
如下代碼,當(dāng)用戶將文本框內(nèi)的文字改變后,彈出對(duì)話框“您改變了文本內(nèi)容!”
運(yùn)行結(jié)果:
事件會(huì)在頁(yè)面加載完成后,立即發(fā)生,同時(shí)執(zhí)行被調(diào)用的程序。注意:
如下代碼,當(dāng)加載一個(gè)新頁(yè)面時(shí),彈出對(duì)話框“加載中,請(qǐng)稍等…”。
運(yùn)行結(jié)果:
當(dāng)用戶退出頁(yè)面時(shí)(頁(yè)面關(guān)閉、頁(yè)面刷新等),觸發(fā)onUnload事件,同時(shí)執(zhí)行被調(diào)用的程序。注意:不同瀏覽器對(duì)onunload事件支持不同。如下代碼,當(dāng)退出頁(yè)面時(shí),彈出對(duì)話框“您確定離開該網(wǎng)頁(yè)嗎?”。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com