2023學(xué)年完整公開課版動(dòng)態(tài)網(wǎng)頁(yè)_第1頁(yè)
2023學(xué)年完整公開課版動(dòng)態(tài)網(wǎng)頁(yè)_第2頁(yè)
2023學(xué)年完整公開課版動(dòng)態(tài)網(wǎng)頁(yè)_第3頁(yè)
2023學(xué)年完整公開課版動(dòng)態(tài)網(wǎng)頁(yè)_第4頁(yè)
2023學(xué)年完整公開課版動(dòng)態(tài)網(wǎng)頁(yè)_第5頁(yè)
已閱讀5頁(yè)，還剩18頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

動(dòng)態(tài)網(wǎng)頁(yè)動(dòng)態(tài)網(wǎng)頁(yè)的交互性來(lái)自于HTML內(nèi)嵌的腳本語(yǔ)言。制作動(dòng)態(tài)網(wǎng)頁(yè)的兩種主要腳本語(yǔ)言：JavascriptVBscript網(wǎng)頁(yè)的腳本語(yǔ)言Javascript與Vbscript功能的簡(jiǎn)單對(duì)比指標(biāo)VbscriptJavascript瀏覽器支持運(yùn)行的情況僅有IE可支持運(yùn)行幾乎所有瀏覽器都支持運(yùn)行適用范圍側(cè)重于服務(wù)器端側(cè)重于客戶端整體功能一般較強(qiáng)大Javascript腳本語(yǔ)言是目前最流行的網(wǎng)頁(yè)特效設(shè)計(jì)語(yǔ)言之一。1、Javascript腳本語(yǔ)言的特點(diǎn)：小程序段方式編程。Javascript源代碼可直接嵌入到網(wǎng)頁(yè)HTML代碼中。瀏覽網(wǎng)頁(yè)時(shí)，Javascrip源代碼隨網(wǎng)頁(yè)一同下載到瀏覽器中，由瀏覽器負(fù)責(zé)解釋執(zhí)行。2、Javascript腳本的標(biāo)記<script>...</script>練習(xí)1、制作動(dòng)態(tài)網(wǎng)頁(yè)的兩種主要的腳本語(yǔ)言是

Javascript和

Vbscript。2、Javascript腳本的標(biāo)記是<script>...</script>。3、運(yùn)用Javascript代碼實(shí)現(xiàn)網(wǎng)頁(yè)特效的方法是：將Javascript的腳本及<style>...</style>部分復(fù)制并粘貼到網(wǎng)頁(yè)代碼的

<body>與

</body>之間。

4、判斷題（1）網(wǎng)頁(yè)內(nèi)的特效越多，效果越好。（

）（2）一個(gè)特效適合應(yīng)用于任意不同風(fēng)格的網(wǎng)頁(yè)。（

）“事件處理”就是當(dāng)對(duì)象的狀態(tài)改變時(shí)，對(duì)象對(duì)應(yīng)這種改變的動(dòng)作，對(duì)事件進(jìn)行處理的程序或函數(shù)稱為“事件處理”在JavaScript中，鼠標(biāo)、鍵盤、文檔的狀態(tài)改變稱為事件；由鼠標(biāo)、鍵盤、文檔引發(fā)的一系列的程序動(dòng)作，稱為事件驅(qū)動(dòng)；對(duì)發(fā)生的事件進(jìn)行相應(yīng)處理的程序或函數(shù)，稱為事件處理函數(shù)1、什么是事件處理7鼠標(biāo)事件是指鼠標(biāo)狀態(tài)的改變，包括鼠標(biāo)在移動(dòng)過(guò)程中、單擊過(guò)程中、拖動(dòng)過(guò)程中等所有鼠標(biāo)狀態(tài)改變的觸發(fā)的事件常用的鼠標(biāo)事件包括onclick單擊事件，ondblclick雙擊事件，onmouseout鼠標(biāo)離開事件，onmouseover鼠標(biāo)移動(dòng)至上方事件等2、鼠標(biāo)事件8onclick事件在鼠標(biāo)單擊某表單域時(shí)觸發(fā)我們做兩個(gè)例子以便更好的理解這個(gè)事件單擊一個(gè)“歡迎按鈕”，彈出提示框，顯示文字“歡迎”設(shè)置一個(gè)文本框，單擊旁邊的按鈕可以校驗(yàn)該文本框是否為空2.1onclick單擊事件9ondblclick事件在鼠標(biāo)雙擊某表單域時(shí)觸發(fā)雙擊事件是指在較短時(shí)間內(nèi)，連續(xù)兩次完成鼠標(biāo)單擊事件該事件的處理方法與單擊事件相似2.2ondblclick雙擊事件10onmouseover事件在鼠標(biāo)進(jìn)入對(duì)象范圍（移至對(duì)象上方）時(shí)觸發(fā)我們做一個(gè)例子：

在頁(yè)面上顯示一個(gè)按鈕，按鈕上文字為“請(qǐng)把鼠標(biāo)移至此”，將鼠標(biāo)移至上面后文字顯示為“鼠標(biāo)懸停在此處”2.3onmouseover鼠標(biāo)懸停事件11onmouseout事件在鼠標(biāo)離開對(duì)象時(shí)觸發(fā)。onmouseout與onmouseover經(jīng)常事件共同使用改變對(duì)象的狀態(tài)我們完善上一個(gè)例子，使得該按鈕可以判斷鼠標(biāo)是否懸停其上2.4onmouseout鼠標(biāo)離開事件12onmousedown和onmouseup事件是鼠標(biāo)按下和放開事件onmousedown事件在用戶把鼠標(biāo)放在對(duì)象上按下鼠標(biāo)鍵時(shí)觸發(fā)onmouseup事件在用戶把鼠標(biāo)放在對(duì)象上鼠標(biāo)按鍵按下的情況下，放開鼠標(biāo)鍵時(shí)觸發(fā)如果接收鼠標(biāo)按下事件的對(duì)象與鼠標(biāo)鍵放開時(shí)的對(duì)象不是同一個(gè)對(duì)象，那么onmouseup事件不會(huì)觸發(fā)2.5鼠標(biāo)按下和放開事件13鍵盤事件是指鍵盤狀態(tài)的改變。常用的鍵盤事件有onkeydown按鍵事件，onkeypress按下鍵事件，onkeyup放開鍵事件3、鍵盤事件14onkeydown事件在鍵盤的按鍵被按下時(shí)觸發(fā)onkeydown事件用于接收鍵盤的所有按鍵（包含功能鍵）被按下時(shí)的事件3.1onkeydown按鍵事件15onkeypress事件與onkeydown事件兩者有先后順序，onkeypress事件是在onkeydown事件發(fā)生之后發(fā)生的。此外，當(dāng)按下鍵盤的任何一個(gè)鍵時(shí)都會(huì)觸發(fā)onkeydown事件；但是onkeypress事件只在按下鍵盤的任意字符鍵（A~Z0-9）時(shí)觸發(fā)，按下如功能鍵（F1~F12），Ctrl、Shift、Alt等鍵時(shí)不會(huì)觸發(fā)onkeypress事件3.2onkeypress按下鍵事件16onkeyup事件在鍵盤的按鍵被按下然后放開時(shí)觸發(fā)下面我們做一個(gè)例子來(lái)更好的體會(huì)一下這三個(gè)鍵盤事件，尤其是體會(huì)一下onkeydown和onkeypress事件的區(qū)別數(shù)字校驗(yàn)的onkeyup事件3.3onkeyup放開鍵事件17HTML事件是指HTML文件狀態(tài)改變時(shí)觸發(fā)的、用戶可以捕獲的事件HTML事件主要包括onload窗口加載事件，onunload窗口離開事件，onresize改變窗口大小事件，onsubmit按下提交按鈕事件等4、HTML事件18onload事件并不是在窗口加載過(guò)程中執(zhí)行，而是在頁(yè)面包括頁(yè)面中的圖片、插件、控件等內(nèi)容全部下載完成后執(zhí)行onload事件一般在<body>標(biāo)簽中添加，onload事件多用于在頁(yè)面加載完畢后，用戶進(jìn)行操作之前進(jìn)行一些內(nèi)部處理，如光標(biāo)定位、頁(yè)面顯示效果更改、讀取用戶cookie信息等4.1onload窗口加載事件19onunload事件在窗口離開時(shí)觸發(fā)，窗口的離開行為包括關(guān)閉瀏覽器窗口、通過(guò)地址欄或收藏欄前往其他頁(yè)面、單擊返回、前進(jìn)、刷新、主頁(yè)等按鈕onunload多用于<body>或<frameset>標(biāo)記中4.2onunload窗口離開事件20onsubmit事件在一個(gè)表單被提交時(shí)觸發(fā)，onsubmit事件只在表單元素中存在，多用于在提交表單時(shí)對(duì)輸入數(shù)據(jù)進(jìn)行有效性校驗(yàn)onsubmit事件的處理函數(shù)中必須有returntrue或returnfalse，否則onsubmit事件處理函數(shù)的函數(shù)體也會(huì)被忽略4.3onsubmit提交按鈕事件21請(qǐng)大家將用戶注冊(cè)頁(yè)面進(jìn)行完善，并實(shí)現(xiàn)校驗(yàn)功能頁(yè)面包

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論