趣味程序?qū)W(xué)JavaScript

第1章 JavaScript基礎(chǔ)
1.1 JavaScript簡(jiǎn)介
1.1.1 JavaScript的基本特點(diǎn)
1.1.2 JavaScript與其他語言的比較
1.1.3 JavaScript程序范例
1.2 基本數(shù)據(jù)結(jié)構(gòu)
1.2.1 基本數(shù)據(jù)類型
1.2.2 表達(dá)式和運(yùn)算符
1.2.3 運(yùn)算符的優(yōu)先級(jí)
1.3 語句、函數(shù)與事件
1.3.1 控制語句
1.3.2 函數(shù)
1.3.3 事件驅(qū)動(dòng)及事件處理
1.4 對(duì)象的基礎(chǔ)知識(shí)
1.4.1 對(duì)象的引用
1.4.2 有關(guān)對(duì)象操作的語句
1.4.3 對(duì)象屬性的引用
1.4.4 對(duì)象方法的引用
1.5 常用內(nèi)部對(duì)象
1.5.1 String：字符串對(duì)象
1.5.2 Math：數(shù)學(xué)對(duì)象
1.5.3 Date：日期及時(shí)間對(duì)象
1.5.4 系統(tǒng)函數(shù)
1.6 瀏覽器內(nèi)部對(duì)象
1.6.1 瀏覽器對(duì)象樹
1.6.2 navigator對(duì)象
1.6.3 window對(duì)象
1.6.4 history對(duì)象
1.6.5 document對(duì)象
第2章 “幸運(yùn)52”模擬游戲--初步應(yīng)用JavaScript
2.1 游戲效果說明
2.2 使用HTML創(chuàng)建初始界面
2.2.1 HTML文檔基本常識(shí)
2.2.2 使用表單添加按鈕和文本輸入框
2.3 添加事件處理
2.3.1 Click事件
2.3.2 Change事件
2.4 動(dòng)態(tài)改變表單元素的屬性
2.4.1 對(duì)象屬性的引用
2.4.2 對(duì)象方法的引用
2.5 alert方法與coofirm方法
2.5.1 alert方法
2.5.2 confirm方法
2.6 完善游戲界面
2.6.1 按鈕的隱藏和突然顯現(xiàn)
2.6.2 使用圖像顯示商品信息
2.6.3 焦點(diǎn)控制：Focus方法與Blur方法
2.6.4 表單的Submit事件
2.6.5 對(duì)用戶的意外操作進(jìn)行響應(yīng)
2.7 其他嘗試：通過prompt方法獲取用戶輸入
2.7.1 效果
2.7.2 實(shí)現(xiàn)方法
2.8 進(jìn)一步實(shí)踐：多條隨機(jī)數(shù)據(jù)
2.8.1 效果
2.8.2 創(chuàng)建數(shù)組
2.8.3 隨機(jī)函數(shù)
2.9 本章知識(shí)點(diǎn)回顧
第3章 百變貓隙與跑馬燈--字符串處理和時(shí)間控制
3.1 “百變貓咪”效果說明
3.2 使用HTML創(chuàng)建初始界面
3.2.1 使用表格
3.2.2 加入表單元素
3.3 為小貓?jiān)O(shè)計(jì)“造型”
3.3.1 造型設(shè)計(jì)
3.3.2 String對(duì)象
3.3.3 將字符串封裝到數(shù)組中
3.4 添加事件處理與使用時(shí)間控制
3.4.1 小貓變換造型的實(shí)現(xiàn)方法
3.4.2 時(shí)間控制
3.4.3 添加Click事件處理
3.5 控制小貓變換“造型”的速度
3.5.1 添加單選按鈕
3.5.2 添加單選按鈕的事件處理
3.6 進(jìn)一步實(shí)踐：拍照功能
3.6.1 添加“拍照”按鈕和“照片”按鈕
3.6.2 “拍照”的實(shí)現(xiàn)方法
3.6.3 添加Click事件處理
3.6.4 “照片”按鈕的隱藏與顯示
3.7 另一個(gè)范例：狀態(tài)欄跑馬燈
3.7.1 效果說明
3.7.2 實(shí)現(xiàn)方法
3.8 本章知識(shí)點(diǎn)回顧
第4章 “醫(yī)生與病人”--深入探討字符串處理
4.1 “醫(yī)生與病人”效果說明
4.2 使用HTML創(chuàng)建初始界面
4.2.1 顯示醫(yī)生和病人的話語
4.2.2 使用div
4.3 對(duì)輸入語句“分詞”
4.3.1 游戲的實(shí)現(xiàn)方法
4.3.2 定義變量
4.3.3 判斷字符是否為標(biāo)點(diǎn)
4.3.4 判斷字符是否合法
4.3.5 定義分詞函數(shù)并對(duì)用戶的輸入做預(yù)處理
4.3.6 進(jìn)行分詞
4.3.7 對(duì)分詞的檢驗(yàn)
4.4 提取“關(guān)鍵詞”
4.4.1 定義“關(guān)鍵詞”
4.4.2 提取“關(guān)鍵詞”
4.5 制定應(yīng)答規(guī)則
4.5.1 應(yīng)答語句
4.5.2 對(duì)hello語句的特殊響應(yīng)
4.5.3 按照規(guī)則給出應(yīng)答
4.5.4 一點(diǎn)改進(jìn)
4.6 實(shí)現(xiàn)對(duì)話
4.6.1 控制div的顯示
4.6.2 添加Change事件處理
4.6.3 焦點(diǎn)控制
4.6.4 對(duì)輸入的回車進(jìn)行響應(yīng)
4.7 本章知識(shí)點(diǎn)回顧
第5章 “速算24”撲克游戲--Math對(duì)象與數(shù)學(xué)運(yùn)算
5.1 “速算24”效果說明
5.2 創(chuàng)建初始界面
5.2.1 撲克牌顯示區(qū)
5.2.2 規(guī)則說明區(qū)域
5.2.3 “計(jì)算器”區(qū)域
5.3 自動(dòng)發(fā)牌
5.3.1 制作圖像文件
5.3.2 隨機(jī)選取4張撲克牌
5.3.3 動(dòng)態(tài)設(shè)置網(wǎng)頁中圖像的源文件
5.3.4 添加“開始”按鈕的Click事件處理
5.3.5 添加“無解”按鈕的Click事件處理
5.4 即時(shí)顯示數(shù)學(xué)表達(dá)式
5.4.1 撲克牌所對(duì)應(yīng)的數(shù)字的顯示
5.4.2 運(yùn)算符的顯示
5.4.3 對(duì)用戶的錯(cuò)誤操作進(jìn)行響應(yīng)
5.5 計(jì)算表達(dá)式的值并反饋結(jié)果
5.5.1 標(biāo)準(zhǔn)的JavaScript數(shù)學(xué)表達(dá)式
5.5.2 對(duì)數(shù)學(xué)表達(dá)式的計(jì)算及反饋
5.6 有關(guān)發(fā)牌程序的進(jìn)一步實(shí)踐
5.7 獲取時(shí)間和實(shí)現(xiàn)計(jì)時(shí)
5.7.1 獲取時(shí)間和實(shí)現(xiàn)計(jì)時(shí)
5.7.2 計(jì)時(shí)的停止
5.7.3 調(diào)用函數(shù)stoptime()和ctime()
5.7.4 對(duì)用戶花費(fèi)的時(shí)間做出反饋
5.8 其他注意事項(xiàng)
5.8.1 “重玩”按鈕
5.8.2 “開始”按鈕
5.9 本章知識(shí)點(diǎn)回顧
第6章 “畫一個(gè)日歷”--掌握Date對(duì)象
6.1 效果說明
6.2 以文本方式顯示的日期和時(shí)間
6.3 狀態(tài)欄時(shí)鐘
6.4 判斷當(dāng)前時(shí)段
6.5 畫一個(gè)日歷
6.5.1 函數(shù)getTime()
6.5.2 函數(shù)leapYear(year)
6.5.3 函數(shù)getDays(month，year)
6.5.4 函數(shù)getMonthname(month)
6.5.5 函數(shù)drawCal(firstDay,lastDate，date，monthname，year)
6.5.6 函數(shù)setCal()
6.6 本章知識(shí)點(diǎn)回顧
第7章 “華容道”模擬游戲--彈出窗口與動(dòng)態(tài)控制HTML代碼
7.1 效果說明
7.2 創(chuàng)建游戲的首頁
7.2.1 添加“操作幫助”
7.2.2 添加“難度設(shè)置”
7.2.3 添加“背景色設(shè)置”
7.3 彈出窗口
7.3.1 彈出窗口的方法
7.3.2 設(shè)置彈出窗口的外觀
7.3.3 動(dòng)態(tài)生成HTML代碼
7.4 實(shí)現(xiàn)游戲的主界面
7.4.1 效果說明
7.4.2 創(chuàng)建初始界面
7.4.3 游戲的開始--打亂棋子的順序
7.4.4 棋子的移動(dòng)
7.4.5 為3個(gè)操作按鈕添加事件處理
7.4.6 改正程序的一處錯(cuò)誤
7.4.7 將主界面的HTML代碼寫入輸出流
7.5 實(shí)現(xiàn)游戲設(shè)置
7.5.1 實(shí)現(xiàn)背景色的設(shè)置
7.5.2 根據(jù)難度設(shè)置為level賦值
7.5.3 控制不同級(jí)別下棋盤的生成
7.5.4 控制游戲的其他方面
7.6 進(jìn)一步實(shí)踐
7.6.1 使彈出窗口總居于屏幕正中
7.6.2 窗口的震動(dòng)效果
7.7 本章知識(shí)點(diǎn)回顧
第8章 “情人節(jié)快樂”--JavaScript事件縱覽(上)
8.1 “情人節(jié)快樂”效果說明
8.2 創(chuàng)建初始界面
8.2.1 網(wǎng)頁的框架結(jié)構(gòu)
8.2.2 定義下拉菜單
8.2.3 定義復(fù)選框
8.2.4 添加其他網(wǎng)頁元素
8.3 Load事件和Unload事件
8.3.1 Load事件
8.3.2 Unload事件
8.3.3 修正歷史清單的書寫
8.4 為全部網(wǎng)頁元素添加Click事件處理
8.4.1 函數(shù)matchob(x)
8.4.2 函數(shù)Feed(x)
8.4.3 函數(shù)OpenNew(x)
8.4.4 對(duì)各網(wǎng)頁元素添加Click事件處理程序
8.5 MouseOver事件和MouseOut事件
8.5.1 基本概念
8.5.2 為圖像添加MouseOver，MouseOut事件處理
8.5.3 函數(shù)OpenNew(x)
8.5.4 函數(shù)Feed(x)
8.5.5 為其他網(wǎng)頁元素添加MouseOver，MouseOut事件
8.6 DblClick事件
8.6.1 修改函數(shù)Feed(勸和OpedNew(x)
8.6.2 添加DblClick事件處理程序
8.7 進(jìn)一步實(shí)踐
8.7.1 表單的Submit事件
8.7.2 表單的Reset事件
8.7.3 Load事件處理：顏色閃爍
8.7.4 Unload事件處理：離開網(wǎng)頁時(shí)自動(dòng)跳到其他網(wǎng)頁
8.7.5 使用cookie程序
8.7.6 預(yù)讀取圖像文件
8.8 本章知識(shí)點(diǎn)回顧
第9章 “情人節(jié)快樂”---JavaScript事件縱覽(下)
9.1 Focus，Blur事件處理
9.1.1 效果說明
9.1.2 基本概念
9.1.3 使用div
9.1.4 函數(shù)treatFB(kind，row)
9.2 MouseDown事件處理
9.2.1 效果說明
9.2.2 添加MouseDown事件處理
9.2.3 區(qū)分鼠標(biāo)的左鍵和右鍵
9.2.4 屏蔽右鍵菜單
9.2.5 一個(gè)應(yīng)用：禁止使用鼠標(biāo)右鍵
9.3 KeyPress，KeyDown，KeyUp事件
9.3.1 基本概念
9.3.2 KeyDown，KeyUp，KeyPress事件被觸發(fā)的先后順序
9.3.3 檢查輸入的大小寫并進(jìn)行轉(zhuǎn)換
9.3.4 為鏈接設(shè)置熱鍵
9.3.5 通過字母鍵實(shí)現(xiàn)滾屏
9.4 Resize事件與Abort事件、Error事件
9.4.1 Resize事件
9.4.2 Abort事件
9.4.3 Error叮事件
9.5 深入探討瀏覽器中的事件模型
9.5.1 什么是事件模型(eventmodel)
9.5.2 傳統(tǒng)的事件模型
9.5.3 Navigator新的事件模型
9.5.4 IE 4的事件模型
9.6 本章知識(shí)點(diǎn)回顧
第10章 實(shí)現(xiàn)動(dòng)態(tài)圖文效果
10.1 自動(dòng)滾屏
10.1.1 效果說明
10.1.2 實(shí)現(xiàn)方法
10.1.3 進(jìn)一步實(shí)踐
10.2 帶鏈接的文本的滾動(dòng)顯示
10.2.1 效果說明
10.2.2 實(shí)現(xiàn)方法
10.2.3 其他方式：帶鏈接的文本水平滾動(dòng)顯示
10.3 狀態(tài)欄動(dòng)態(tài)信息
10.3.1 降落傘效果
10.3.2 降落傘效果的實(shí)現(xiàn)方法
10.3.3 碰壁效果
10.3.4 碰壁效果的實(shí)現(xiàn)方法
10.4 飛行的圖片
10.4.1 效果說明
10.4.2 實(shí)現(xiàn)方法
10.5 實(shí)現(xiàn)動(dòng)畫--蝴蝶飛舞效果
10.5.1 效果說明
10.5.2 實(shí)現(xiàn)方法：方案一
10.5.3 實(shí)現(xiàn)方法：方案二
10.6 本章知識(shí)點(diǎn)回顧