《JavaScript程序設(shè)計(jì)案例教程/工業(yè)和信息化人才培養(yǎng)規(guī)劃教材》完全按照基于工作過程的要求編寫,通過一個個的案例設(shè)計(jì),全面地介紹了Javascript程序設(shè)計(jì)的概念和方法,主要包括Javascript的基本概述、基本語法、程序的基本流程控制結(jié)構(gòu)、BOM/DOM對象模型中對象的屬性和方法的具體應(yīng)用,通過具體的案例設(shè)計(jì),力求讓讀者通過《JavaScript程序設(shè)計(jì)案例教程/工業(yè)和信息化人才培養(yǎng)規(guī)劃教材》的學(xué)習(xí),比較快地掌握網(wǎng)站中的特效制作和客戶端驗(yàn)證技術(shù)的實(shí)現(xiàn),為進(jìn)一步深入學(xué)習(xí)B/S結(jié)構(gòu)編程打下良好的基礎(chǔ)。
《JavaScript程序設(shè)計(jì)案例教程/工業(yè)和信息化人才培養(yǎng)規(guī)劃教材》可以做為培養(yǎng)應(yīng)用型、技能型人才的計(jì)算機(jī)相關(guān)專業(yè)的教材,也可以作為初學(xué)者的自學(xué)教程。
學(xué)習(xí)情境1:設(shè)計(jì)一個典型的網(wǎng)站框架
1.1 任務(wù)描述
1.2 任務(wù)實(shí)施
1.2.1 制作模板并應(yīng)用到其他頁面
1.2.2 制作樣式表文件并應(yīng)用到其他頁面
1.2.3 測試并發(fā)布網(wǎng)站
1.3 常見問題及小結(jié)
1.4 課后練習(xí)
學(xué)習(xí)情境2:網(wǎng)站中購物計(jì)算器的實(shí)現(xiàn)
2.1 任務(wù)描述
2.2 任務(wù)實(shí)施
2.2.1 什么是JavaScript
2.2.2 JavaScript的基本語法
2.2.3 JavaScript中函數(shù)的定義和應(yīng)用
2.2.4 簡單購物計(jì)算器設(shè)計(jì)及實(shí)現(xiàn)
2.3 常見問題及小結(jié)
2.4 課后練習(xí)
學(xué)習(xí)情境3:實(shí)現(xiàn)網(wǎng)站中動態(tài)時鐘效果的顯示
3.1 任務(wù)描述
3.2 任務(wù)實(shí)施
3.2.1 DOM模型介紹
3.2.2 window對象常用的屬性、方法和事件
3.2.3 使用Date對象做動態(tài)時鐘顯示效果
3.2.4 地址欄location對象的用法
3.3 常見問題及小結(jié)
3.4 課后練習(xí)
學(xué)習(xí)情境4:網(wǎng)頁中浮動廣告效果的制作
4.1 任務(wù)描述
4.2 任務(wù)實(shí)施
4.2.1 document對象常用的屬性和方法介紹
4.2.2 浮動廣告圖片的制作
4.2.3 帶關(guān)閉按鈕的浮動窗口
4.2.4 帶關(guān)閉按鈕隨滾動條同步滾動的浮動廣告窗口
4.3 常見錯誤分析及小結(jié)
4.4 課后練習(xí)
學(xué)習(xí)情境5:快捷方式全選/全不選功能的實(shí)現(xiàn)
5.1 任務(wù)描述
5.2 任務(wù)實(shí)施
5.2.1 document對象的方法getElementsByName()介紹
5.2.2 數(shù)組的基礎(chǔ)知識
5.2.3 復(fù)選框全選/全不選特效
5.3 常見問題及小結(jié)
5.4 課后練習(xí)
學(xué)習(xí)情境6:實(shí)現(xiàn)多樣化的CSS樣式特效
6.1 任務(wù)描述
6.2 任務(wù)實(shí)施
6.2.1 常用的CSS樣式表
6.2.2 制作改變字體大小的樣式特效
6.2.3 制作改變細(xì)邊框的樣式特效
6.2.4 制作改變按鈕背景圖片的特效
6.3 常見問題及小結(jié)
6.4 課后練習(xí)
學(xué)習(xí)情境7:經(jīng)典切換效果的實(shí)現(xiàn)
7.1 任務(wù)描述
7.2 任務(wù)實(shí)施
7.2.1 知識回顧
7.2.2 制作”點(diǎn)卡“圖片切換的特效
7.2.3 制作貸款系統(tǒng)計(jì)算器
7.3 常見問題及小結(jié)
7.4 課后練習(xí)
學(xué)習(xí)情境8:簡單的客戶端驗(yàn)證功能的實(shí)現(xiàn)
8.1 任務(wù)描述
8.2 任務(wù)實(shí)施
8.2.1 為什么要進(jìn)行表單驗(yàn)證
8.2.2 表單驗(yàn)證的主要內(nèi)容
8.2.3 表單驗(yàn)證思路
8.2.4 電子郵件格式驗(yàn)證的優(yōu)化
8.3 常見問題及小結(jié)
8.4 課后練習(xí)
學(xué)習(xí)情境9:經(jīng)典客戶端驗(yàn)證即時錯誤提示的實(shí)現(xiàn)
9.1 任務(wù)描述
9.2 任務(wù)實(shí)施
9.2.1 實(shí)現(xiàn)圖片代替按鈕實(shí)現(xiàn)提交功能
9.2.2 制作回車切換輸入的效果
9.2.3 制作即時錯誤信息提示效果
9.3 常見問題及小結(jié)
9.4 課后練習(xí)
學(xué)習(xí)情境10:通用的級聯(lián)菜單效果的制作
10.1 任務(wù)描述
10.2 任務(wù)實(shí)施
10.2.1 下拉列表框?qū)ο?/span>
10.2.2 數(shù)組
10.2.3 制作簡單的級聯(lián)菜單效果
10.2.4 使用數(shù)組優(yōu)化級聯(lián)菜單
10.2.5 制作級聯(lián)菜單效果過程
10.3 常見錯誤分析及小結(jié)
10.4 課后練習(xí)