JavaScript技術(shù)應(yīng)用

第1章 JavaScript簡(jiǎn)介 1
1.1 什么是腳本語(yǔ)言 2
1.2 本書JavaScript開發(fā)和運(yùn)行環(huán)境 4
1.3 在網(wǎng)頁(yè)中使用JavaScript 4
1.3.1 使用標(biāo)簽 5
1.3.2 使用JavaScript 外部文件 6
1.3.3 JavaScript 編寫規(guī)范 7
1.4 JavaScript核心構(gòu)成 8
1.4.1 JavaScript數(shù)據(jù)類型 8
1.4.2 變量 9
1.4.3 混合計(jì)算時(shí)的數(shù)據(jù)類型 10
1.4.4 數(shù)據(jù)類型的轉(zhuǎn)換 11
1.5 JavaScript表達(dá)式和運(yùn)算符 13
1.5.1 賦值運(yùn)算符 13
1.5.2 算術(shù)運(yùn)算符 13
1.5.3 結(jié)合運(yùn)算符 14
1.5.4 比較運(yùn)算符 15
1.5.5 邏輯運(yùn)算符 15
1.5.6 字符串運(yùn)算符 16
1.5.7 條件運(yùn)算符 17
1.5.8 運(yùn)算符的優(yōu)先級(jí) 17
【小結(jié)】 17
【自測(cè)題】 18
上機(jī)部分 18
上機(jī)目標(biāo) 18
上機(jī)練習(xí) 19
◆第一階段◆ 19
◆第二階段◆ 21
【課后作業(yè)】 22
第2章 JavaScript語(yǔ)句和函數(shù) 23
2.1 條件判斷語(yǔ)句 24
2.1.1 簡(jiǎn)單if語(yǔ)句 24
2.1.2 if-else語(yǔ)句 26
2.1.3 多重if語(yǔ)句 27
2.1.4 嵌套if語(yǔ)句 29
2.1.5 switch結(jié)構(gòu) 30
2.2 循環(huán)控制語(yǔ)句 32
2.2.1 while循環(huán) 32
2.2.2 do-while循環(huán) 33
2.2.3 for循環(huán) 34
2.2.4 break和continue語(yǔ)句 36
2.3 函數(shù) 37
2.3.1 自定義函數(shù)及調(diào)用 38
2.3.2 全局變量與局部變量 41
2.3.3 內(nèi)置函數(shù) 43
【小結(jié)】 47
【自測(cè)題】 48
上機(jī)部分 48
上機(jī)目標(biāo) 48
上機(jī)練習(xí) 49
◆第一階段◆ 49
◆第二階段◆ 53
【課后作業(yè)】 54
第3章 JavaScript對(duì)象（一） 55
3.1 JavaScript中的對(duì)象 56
3.1.1 對(duì)象的創(chuàng)建 56
3.1.2 對(duì)象的屬性 56
3.1.3 對(duì)象的方法 57
3.2 JavaScript 用戶自定義對(duì)象 57
3.2.1 使用Object關(guān)鍵字構(gòu)造對(duì)象 57
3.2.2 使用function關(guān)鍵字構(gòu)造對(duì)象 58
3.3 JavaScript內(nèi)置對(duì)象 59
3.3.1 字符串對(duì)象的常見屬性和方法 59
3.3.2 Math對(duì)象的常用屬性和方法 65
3.3.3 Date對(duì)象的常用屬性和方法 67
【小結(jié)】 75
【自測(cè)題】 76
上機(jī)部分 76
上機(jī)目標(biāo) 76
上機(jī)練習(xí) 77
◆第一階段◆ 77
◆第二階段◆ 81
【課后作業(yè)】 81
第4章 JavaScript對(duì)象（二） 83
4.1 數(shù)組對(duì)象 84
4.1.1 數(shù)組對(duì)象創(chuàng)建 84
4.1.2 數(shù)組下標(biāo)與數(shù)組元素的使用 84
4.1.3 數(shù)組的 length 屬性 85
4.1.4 數(shù)組元素的遍歷 85
4.1.5 數(shù)組的常用方法列表 87
4.2 正則表達(dá)式 90
4.3 正則表達(dá)式的使用 92
4.3.1 使用正則的表單數(shù)據(jù)驗(yàn)證 93
4.3.2 字符串對(duì)象的方法對(duì)正則的支持 96
【小結(jié)】 97
【自測(cè)題】 97
上機(jī)部分 98
上機(jī)目標(biāo) 98
上機(jī)練習(xí) 98
◆第一階段◆ 98
◆第二階段◆ 105
【課后作業(yè)】 105
第5章 文檔對(duì)象模型 106
5.1 文檔對(duì)象模型概述 107
5.1.1 一個(gè)HTML DOM的例子 108
5.1.2 HTML DOM的樹狀結(jié)構(gòu) 109
5.1.3 使用DOM訪問文檔對(duì)象的元素 110
5.1.4 IE瀏覽器對(duì)DOM的支持 112
5.2 Window對(duì)象 113
5.2.1 Window對(duì)象的屬性 113
5.2.2 Window對(duì)象的常用方法 114
5.2.3 Window對(duì)象綜合實(shí)例 115
5.3 Document對(duì)象 120
5.3.1 Document對(duì)象的屬性 120
5.3.2 Document對(duì)象的方法 121
5.3.3 Document對(duì)象的顏色屬性 121
5.3.4 Document對(duì)象的集合屬性 122
5.4 Location 對(duì)象 126
5.5 History對(duì)象 128
【小結(jié)】 128
【自測(cè)題】 129
上機(jī)部分 129
上機(jī)目標(biāo) 129
上機(jī)練習(xí) 130
◆第一階段◆ 130
◆第二階段◆ 134
【課后作業(yè)】 135
第6章 JavaScript事件及應(yīng)用 136
6.1 事件與事件處理概述 137
6.2 JavaScript事件的注冊(cè) 138
6.2.1 事件注冊(cè)：綁定到頁(yè)面元素屬性 138
6.2.2 事件注冊(cè)：綁定到對(duì)象的屬性 140
6.2.3 事件處理函數(shù)的返回值 141
6.3 JavaScript中常用的事件 141
6.3.1 Window對(duì)象常用事件 142
6.3.2 Document對(duì)象常用事件 143
6.3.3 表單元素的常用事件 145
6.3.4 IE的Event事件對(duì)象 156
【小結(jié)】 157
【自測(cè)題】 157
上機(jī)部分 158
上機(jī)目標(biāo) 158
上機(jī)練習(xí) 158
◆第一階段◆ 158
◆第二階段◆ 163
【課后作業(yè)】 169
第7章 JavaScript特效制作（一） 171
7.1 復(fù)習(xí)學(xué)過的樣式 172
7.1.1 樣式的分類 172
7.1.2 樣式的綜合應(yīng)用 173
7.2 常用的樣式 175
7.3 DOM對(duì)CSS的支持 177
7.3.1 行內(nèi)樣式的操作 178
7.3.2 使用Class改變樣式 180
7.4 樣式和層在頁(yè)面中的綜合應(yīng)用 182
7.4.1 使用層來布局頁(yè)面 182
7.4.2 層的特效制作 185
【小結(jié)】 191
【自測(cè)題】 191
上機(jī)部分 192
上機(jī)目標(biāo) 192
上機(jī)練習(xí) 193
◆第一階段◆ 193
◆第二階段◆ 204
【課后作業(yè)】 204
第8章 JavaScript特效制作（二） 205
8.1 復(fù)習(xí)學(xué)過的框架 206
8.2 基于框架的特效 207
8.2.1 仿新浪論壇的樹形菜單 207
8.2.2 仿chinaren網(wǎng)站的左邊收縮效果 211
8.3 使用CSS制作菜單 214
8.3.1 使用無(wú)序列表實(shí)現(xiàn)豎向菜單 214
8.3.2 使用層實(shí)現(xiàn)橫向菜單 219
8.4 仿Google Suggest效果 221
【小結(jié)】 227
【自測(cè)題】 227
上機(jī)部分 228
上機(jī)目標(biāo) 228
上機(jī)練習(xí) 228
◆第一階段◆ 228
【課后作業(yè)】 237
附錄 239
附錄A String對(duì)象的方法 240
附錄B Math對(duì)象的方法 241
附錄C Date對(duì)象的方法 242
附錄D 正則表達(dá)式常見符號(hào)
的意思 243
附錄E 基于瀏覽器的事件 245
附錄F CSS樣式 248