大學(xué)計(jì)算機(jī)高級應(yīng)用課件-行為與表單

第9講行為與表單《大學(xué)計(jì)算機(jī)高級應(yīng)用》2023/7/11主要內(nèi)容1．行為概述；2．在網(wǎng)頁中使用行為的方法；3．行為應(yīng)用舉例；4．表單域和表單對象；5．制作“給我留言”網(wǎng)頁；6．總結(jié)和作業(yè)。2023/7/121．行為概述引例在某班上課期間，有位同學(xué)在座位上竊竊私語，在被老師發(fā)現(xiàn)并多次警告后，仍然無效，老師非常生氣，走上前去用教鞭在其桌上猛敲，該同學(xué)大驚，終于安靜下來。2023/7/13對象刺激反應(yīng)1．行為概述抽象刺激———事件反應(yīng)———?jiǎng)幼?023/7/14該同學(xué)在接收到“桌上猛敲”這一事件后，有一個(gè)“大驚，終于安靜下來”的動(dòng)作。1．行為概述事件和動(dòng)作事件是某對象（如同學(xué)）所受的刺激。動(dòng)作是指對象在接收的某事件后的反應(yīng)。顯然，事件和反應(yīng)通常是成對出現(xiàn)，并且總和某對象關(guān)聯(lián)。通常，同一對象在接收到不同刺激（即事件）后的反應(yīng)可能不同，而且不同對象在接收到同一刺激（即事件）后的反應(yīng)也可能不同。2023/7/151．行為概述什么是行為？行為是有JavaScript腳本語言編寫的、能夠完成特定任務(wù)的、并且按照一定方式運(yùn)行的一段程序（或腳本）。行為可以使網(wǎng)頁中的元素更加活躍，從而具有更強(qiáng)的感染力。行為雖然和編寫程序有關(guān)，但在DreamweaverCS6中，我們可以借助“行為”面板，在不編寫任何程序代碼的情況下，在網(wǎng)頁中添加一些非常專業(yè)的行為。2023/7/161．行為概述行為、事件和動(dòng)作一個(gè)對象在受到外界某一刺激后有可能做出反應(yīng)（即有動(dòng)作），也可能沒有反應(yīng)（即沒有動(dòng)作）。在網(wǎng)頁設(shè)計(jì)過程中，如果我們希望網(wǎng)頁中的某個(gè)對象在受到某種刺激（事件）后，按照我們期望的方式反應(yīng)（動(dòng)作），則必須為這個(gè)對象添加行為。行為＝對象＋事件＋動(dòng)作2023/7/171．行為概述DreamweaverCS6中的行為2023/7/181．行為概述網(wǎng)頁中的常見事件2023/7/19事件名稱觸發(fā)條件適用對象onLoad當(dāng)瀏覽器加載網(wǎng)頁文檔或框架時(shí)適用于整個(gè)網(wǎng)頁文檔和框架集onUnLoad當(dāng)瀏覽器卸載網(wǎng)頁文檔或框架時(shí)適用于整個(gè)網(wǎng)頁文檔和框架集onClick當(dāng)一個(gè)元素被鼠標(biāo)單擊時(shí)網(wǎng)頁中大部分對象都適用onDbClick當(dāng)一個(gè)元素被鼠標(biāo)雙擊時(shí)網(wǎng)頁中大部分對象都適用onMouseDown在一個(gè)元素上方鼠標(biāo)鍵被按下時(shí)網(wǎng)頁中大部分對象都適用onMouseUp在一個(gè)元素上方鼠標(biāo)鍵被釋放時(shí)網(wǎng)頁中大部分對象都適用onMouseOver當(dāng)鼠標(biāo)指針在一個(gè)元素上方時(shí)網(wǎng)頁中大部分對象都適用onMouseMove當(dāng)鼠標(biāo)指針在一個(gè)元素上方移動(dòng)時(shí)網(wǎng)頁中大部分對象都適用onMouseOut當(dāng)鼠標(biāo)指針離開一個(gè)元素時(shí)網(wǎng)頁中大部分對象都適用onFocus當(dāng)一個(gè)元素獲得焦點(diǎn)時(shí)網(wǎng)頁中大部分對象都適用onBlur當(dāng)一個(gè)元素失去焦點(diǎn)時(shí)網(wǎng)頁中大部分對象都適用onSubmit當(dāng)單擊表單中的提交按鈕時(shí)表單對象onReset當(dāng)單擊表單中的重置按鈕時(shí)表單對象onSelect當(dāng)文本域中文本被選定時(shí)文本域?qū)ο蟮萶nChange當(dāng)文本域中文本發(fā)生改變時(shí)文本域和列表框?qū)ο蟮?．在網(wǎng)頁中使用行為的方法“行為”面板簡介2023/7/1102．在網(wǎng)頁中使用行為的方法“行為”面板的常見操作綁定行為編輯行為刪除行為調(diào)整行為順序2023/7/1113．行為應(yīng)用舉例拼圖游戲2023/7/112拼圖前拼圖后3．行為應(yīng)用舉例彈出窗口2023/7/1133．行為應(yīng)用舉例設(shè)置狀態(tài)欄文本2023/7/1143．行為應(yīng)用舉例關(guān)閉當(dāng)前窗口2023/7/1153．行為應(yīng)用舉例動(dòng)態(tài)改變對象的屬性2023/7/1163．行為應(yīng)用舉例使用行為的步驟（行為應(yīng)用小結(jié)）選擇對象在“行為”面板中插入行為對行為的動(dòng)作進(jìn)行設(shè)置調(diào)整事件類型調(diào)整事件的順序2023/7/1174．表單域和表單對象認(rèn)識表單2023/7/1184．表單域和表單對象認(rèn)識表單1)常見的表單對象的含義，如文本框、按鈕、單選鈕、復(fù)選框、密碼域等的用法2)表單是由很多表單對象構(gòu)成3)一個(gè)表單通常包含一個(gè)提交按鈕4)表單的作用：網(wǎng)頁瀏覽者可以通過表單向Web站點(diǎn)傳遞信息2023/7/1194．表單域和表單對象什么是表單域表單域是表單信息組織和傳送的基本單位，如果網(wǎng)頁中有兩個(gè)表單，單擊【提交】按鈕則只傳送【提交】按鈕所在表單域中的信息。2023/7/1204．表單域和表單對象表單對象2023/7/1214．表單域和表單對象文本字段2023/7/1224．表單域和表單對象隱藏域2023/7/1234．表單域和表單對象文本區(qū)域2023/7/1244．表單域和表單對象復(fù)選框2023/7/1254．表單域和表單對象單選按鈕2023/7/1264．表單域和表單對象列表/菜單2023/7/127列表菜單4．表單域和表單對象跳轉(zhuǎn)菜單2023/7/1284．表單域和表單對象圖像域2023/7/1294．表單域和表單對象文件域2023/7/1304．表單域和表單對象按鈕2023/7/1315．制作“給我留言”網(wǎng)頁最終效果2023/7/1326．總結(jié)和作業(yè)本次課總結(jié)1)事件、動(dòng)作和行為的概念2)在網(wǎng)頁中使用行為的方法3)表單的概念和作用，常見表單對象的用法和含義4)表單網(wǎng)頁的制作方法2023/7