第5章 使用javascript設(shè)計(jì)網(wǎng)頁特效

《第5章 使用javascript設(shè)計(jì)網(wǎng)頁特效》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、網(wǎng)站建設(shè)技術(shù)——第5章使用JavaScript設(shè)計(jì)網(wǎng)頁特效內(nèi)容概述01教學(xué)目標(biāo)02實(shí)驗(yàn)04知識(shí)點(diǎn)講解03本章通過具體案例，詳細(xì)地介紹了JavaScript腳本語言的基本語法，內(nèi)容主要包括JavaScript內(nèi)置對(duì)象、函數(shù)、瀏覽器對(duì)象的使用和事件處理的方法等。BACKNEXTPREV熟悉JavaScript的基本語法；使用JavaScript進(jìn)行網(wǎng)頁腳本編程。二、教學(xué)目標(biāo)BACKNEXTPREV5.1使用JavaScript進(jìn)行客戶端編程使用JavaScript編寫用戶注冊(cè)頁面Register.html的腳本，使頁面能夠?qū)崿F(xiàn)用戶注冊(cè)信息檢驗(yàn)、顯示系統(tǒng)日期、隨機(jī)產(chǎn)生驗(yàn)證碼

2、等功能。頁面效果如圖所示。三、知識(shí)點(diǎn)講解BACKNEXTPREV5.1.1在網(wǎng)頁中嵌入使用JavaScript利用JavaScript在HTML網(wǎng)頁中輸出“歡迎注冊(cè)成為淘寶網(wǎng)會(huì)員！”。頁面效果如圖所示。嵌入的方法為：三、知識(shí)點(diǎn)講解BACKNEXTPREV教師演示操作過程5.1.2利用JavaScript在網(wǎng)頁中顯示日期使用JavaScript編程，要求在當(dāng)前網(wǎng)頁中以“××××年××月××日星期×”格式，顯示系統(tǒng)的當(dāng)前的日期和星期數(shù)，若為星期六

3、或星期日，則星期數(shù)用紅色顯示。JavaScript的常量、變量與表達(dá)式設(shè)置文本格式結(jié)構(gòu)控制語句內(nèi)置對(duì)象Date和Array三、知識(shí)點(diǎn)講解BACKNEXTPREV教師演示操作過程5.1.3利用JavaScript進(jìn)行表單驗(yàn)證使用JavaScript編程，要求對(duì)表單中輸入的信息進(jìn)行校驗(yàn)。函數(shù)的定義與調(diào)用內(nèi)置對(duì)象String和MathJavaScript瀏覽器對(duì)象JavaScript的事件處理三、知識(shí)點(diǎn)講解BACKNEXTPREV教師演示操作過程5.2網(wǎng)頁中常用的JavaScript效果改變頁面背景色或背景圖片設(shè)為首頁和加入收藏彈出窗口與關(guān)閉窗口文本框中顯示提示語，當(dāng)鼠標(biāo)單

4、擊時(shí)文本消失圖片輪流顯示可關(guān)閉的隨頁面滾動(dòng)的廣告三、知識(shí)點(diǎn)講解BACKNEXTPREV教師演示操作過程10實(shí)驗(yàn)?zāi)康呐c要求熟悉JavaScript的編程方法，掌握J(rèn)avaScript的語法和在網(wǎng)頁中的編程應(yīng)用。實(shí)驗(yàn)三使用HTML制作企業(yè)網(wǎng)站首頁BACKNEXTPREV11實(shí)驗(yàn)內(nèi)容試用JavaScript編寫“用戶注冊(cè)”頁面，要求能夠?qū)崿F(xiàn)用戶注冊(cè)信息檢驗(yàn)、顯示系統(tǒng)日期、隨機(jī)產(chǎn)生驗(yàn)證碼、狀態(tài)欄跑馬燈等功能。實(shí)驗(yàn)三使用HTML制作企業(yè)網(wǎng)站首頁BACKNEXTPREV