HTML5+CSS3+JavaScript從入門到精通（微課精編版 第2版）

上冊(cè)·HTML5 CSS3篇
第1章  HTML5基礎(chǔ)  1
視頻講解：28分鐘
1.1  HTML5概述  1
1.1.1  HTML歷史  1
1.1.2  HTML5起源  2
1.1.3  HTML5組織  3
1.1.4  HTML5規(guī)則  3
1.1.5  HTML5特性  3
1.1.6  瀏覽器支持  5
1.2  HTML5設(shè)計(jì)原則  5
1.2.1  避免不必要的復(fù)雜性  6
1.2.2  支持已有內(nèi)容  6
1.2.3  解決實(shí)際問題  7
1.2.4  根據(jù)用戶使用習(xí)慣設(shè)計(jì)規(guī)范  7
1.2.5  優(yōu)雅地降級(jí)  7
1.2.6  支持優(yōu)先級(jí)  8
1.3  HTML5語法特性  9
1.3.1  文檔和標(biāo)記  9
1.3.2  寬松的約定  9
1.4  HTML5基本結(jié)構(gòu)  11
1.4.1  新建HTML5文檔  11
1.4.2  標(biāo)簽  12
1.4.3  文本內(nèi)容  13
1.4.4  超文本內(nèi)容  14
1.5  案例實(shí)戰(zhàn)  14
1.5.1  編寫簡(jiǎn)潔的HTML5文檔  14
1.5.2  比較HTML4與HTML5文檔結(jié)構(gòu)  15
1.6  在線支持  16
第2章  設(shè)計(jì)HTML5文檔結(jié)構(gòu)  17
視頻講解：54分鐘
2.1  頭部結(jié)構(gòu)  17
2.1.1  定義網(wǎng)頁標(biāo)題  17
2.1.2  定義網(wǎng)頁元信息  17
2.1.3  定義文檔視口  18
2.2  主體基本結(jié)構(gòu)  20
2.2.1  定義文檔結(jié)構(gòu)  20
2.2.2  定義內(nèi)容標(biāo)題  21
2.2.3  使用div  22
2.2.4  使用id和class  23
2.2.5  使用title  24
2.2.6  HTML注釋  24
2.3  主體語義化結(jié)構(gòu)  25
2.3.1  定義頁眉  25
2.3.2  定義導(dǎo)航  26
2.3.3  定義主要區(qū)域  27
2.3.4  定義文章塊  28
2.3.5  定義區(qū)塊  29
2.3.6  定義附欄  30
2.3.7  定義頁腳  31
2.3.8  使用role  32
2.4  案例實(shí)戰(zhàn)  33
2.5  在線支持  35
第3章  設(shè)計(jì)HTML5文本  36
視頻講解：68分鐘
3.1  通用文本  36
3.1.1  標(biāo)題文本  36
3.1.2  段落文本  36
3.2  描述性文本  37
3.2.1  強(qiáng)調(diào)文本  37
3.2.2  標(biāo)記細(xì)則  37
3.2.3  特殊格式  38
3.2.4  定義上標(biāo)和下標(biāo)  38
3.2.5  定義術(shù)語  40
3.2.6  標(biāo)記代碼  40
3.2.7  預(yù)定義格式  41
3.2.8  定義縮寫詞  42
3.2.9  標(biāo)注編輯或不用文本  42
3.2.10  指明引用或參考  43
3.2.11  引述文本  44
3.2.12  換行顯示  45
3.2.13  修飾文本  45
3.2.14  非文本注解  46
3.3  特殊用途文本  46
3.3.1  標(biāo)記高亮顯示  46
3.3.2  標(biāo)記進(jìn)度信息  47
3.3.3  標(biāo)記刻度信息  48
3.3.4  標(biāo)記時(shí)間信息  49
3.3.5  標(biāo)記聯(lián)系信息  50
3.3.6  標(biāo)記顯示方向  51
3.3.7  標(biāo)記換行斷點(diǎn)  51
3.3.8  標(biāo)記旁注  52
3.3.9  標(biāo)記展開/收縮詳細(xì)信息  52
3.3.10  標(biāo)記對(duì)話框信息  53
3.4  案例實(shí)戰(zhàn)  54
3.5  在線支持  55
第4章  設(shè)計(jì)HTML5圖像和多媒體  56
視頻講解：54分鐘
4.1  認(rèn)識(shí)HTML5圖像  56
4.2  設(shè)計(jì)圖像  56
4.2.1  使用img元素  57
4.2.2  定義流內(nèi)容  57
4.2.3  插入圖標(biāo)  58
4.2.4  定義替代文本  59
4.2.5  定義Retina顯示  59
4.2.6  使用picture元素  60
4.2.7  設(shè)計(jì)橫屏和豎屏顯示  60
4.2.8  根據(jù)分辨率顯示不同圖像  61
4.2.9  根據(jù)格式顯示不同圖像  61
4.2.10  自適應(yīng)像素比  62
4.2.11  自適應(yīng)視圖寬  63
4.3  設(shè)計(jì)多媒體  63
4.3.1  使用embed元素  63
4.3.2  使用object元素  64
4.4  使用HTML5多媒體  65
4.4.1  使用audio元素  65
4.4.2  使用video元素  67
4.5  案例實(shí)戰(zhàn)  70
4.5.1  設(shè)計(jì)MP3播放條  70
4.5.2  設(shè)計(jì)視頻播放器  71
4.6  在線支持  73
第5章  設(shè)計(jì)列表和超鏈接  74
視頻講解：30分鐘
5.1  定義列表  74
5.1.1  無序列表  74
5.1.2  有序列表  75
5.1.3  描述列表  76
5.2  定義超鏈接  78
5.2.1  普通鏈接  78
5.2.2  塊鏈接  79
5.2.3  錨點(diǎn)鏈接  80
5.2.4  目標(biāo)鏈接  80
5.2.5  下載鏈接  81
5.2.6  圖像熱點(diǎn)  81
5.2.7  框架鏈接  82
5.3  案例實(shí)戰(zhàn)  83
5.3.1  設(shè)計(jì)欄目列表  83
5.3.2  設(shè)計(jì)圖文列表  84
5.4  在線支持  86
第6章  設(shè)計(jì)表格  87
視頻講解：29分鐘
6.1  新建表格  87
6.1.1  定義普通表格  87
6.1.2  定義列標(biāo)題  87
6.1.3  定義表格標(biāo)題  88
6.1.4  表格行分組  89
6.1.5  表格列分組  90
6.2  設(shè)置table屬性  92
6.2.1  定義單線表格  93
6.2.2  定義分離單元格  93
6.2.3  定義細(xì)線邊框  94
6.2.4  添加表格說明  94
6.3  設(shè)置td和th屬性  95
6.3.1  定義跨單元格顯示  95
6.3.2  定義表頭單元格  96
6.3.3  為單元格指定表頭  97
6.3.4  定義信息縮寫  97
6.3.5  單元格分類  98
6.4  案例實(shí)戰(zhàn)  98
6.5  在線支持  101
第7章  設(shè)計(jì)表單  102
視頻講解：70分鐘
7.1  認(rèn)識(shí)HTML5表單  102
7.2  定義表單  103
7.3  組織表單  104
7.4  常用表單控件  105
7.4.1  文本框  105
7.4.2  標(biāo)簽  105
7.4.3  密碼框  106
7.4.4  單選按鈕  106
7.4.5  復(fù)選框  106
7.4.6  文本區(qū)域  107
7.4.7  選擇框  108
7.4.8  上傳文件  108
7.4.9  隱藏字段  108
7.4.10  提交按鈕  109
7.5  HTML5新型輸入框  109
7.5.1  定義email框  109
7.5.2  定義URL框  110
7.5.3  定義數(shù)字框  110
7.5.4  定義范圍框  111
7.5.5  定義日期選擇器  112
7.5.6  定義搜索框  116
7.5.7  定義電話號(hào)碼框  116
7.5.8  定義拾色器  116
7.6  HTML5輸入屬性  117
7.6.1  定義自動(dòng)完成  117
7.6.2  定義自動(dòng)獲取焦點(diǎn)  118
7.6.3  定義所屬表單  119
7.6.4  定義表單重寫  120
7.6.5  定義高和寬  120
7.6.6  定義列表選項(xiàng)  120
7.6.7  定義最小值、最大值和步長(zhǎng)  120
7.6.8  定義多選  121
7.6.9  定義匹配模式  121
7.6.10  定義替換文本  122
7.6.11  定義必填  122
7.6.12  定義復(fù)選框狀態(tài)  123
7.6.13  獲取文本選取方向  123
7.6.14  訪問標(biāo)簽綁定的控件  124
7.6.15  訪問控件的標(biāo)簽集  124
7.7  HTML5新表單元素  125
7.7.1  定義數(shù)據(jù)列表  125
7.7.2  定義密鑰對(duì)生成器  125
7.7.3  定義輸出結(jié)果  126
7.8  HTML5表單屬性  127
7.8.1  定義自動(dòng)完成  127
7.8.2  定義禁止驗(yàn)證  127
7.9  在線支持  128
第8章  CSS3基礎(chǔ)  129
視頻講解：66分鐘
8.1  初次使用CSS  129
8.1.1  CSS樣式  129
8.1.2  引入CSS樣式  130
8.1.3  CSS樣式表  130
8.1.4  導(dǎo)入外部樣式表  131
8.1.5  CSS注釋  131
8.1.6  CSS屬性  131
8.1.7  CSS繼承性  131
8.1.8  CSS層疊性  132
8.1.9  CSS3選擇器  133
8.2  元素選擇器  133
8.2.1  標(biāo)簽選擇器  134
8.2.2  類選擇器  134
8.2.3  ID選擇器  134
8.2.4  通配選擇器  135
8.3  關(guān)系選擇器  135
8.3.1  包含選擇器  135
8.3.2  子選擇器  136
8.3.3  相鄰選擇器  136
8.3.4  兄弟選擇器  137
8.3.5  分組選擇器  137
8.4  屬性選擇器  137
8.5  偽類選擇器  139
8.5.1  偽選擇器概述  139
8.5.2  結(jié)構(gòu)偽類選擇器  140
8.5.3  否定偽類選擇器  141
8.5.4  狀態(tài)偽類  141
8.5.5  目標(biāo)偽類選擇器  142
8.5.6  動(dòng)態(tài)偽類選擇器  142
8.6  偽對(duì)象選擇器  143
8.7  在線支持  143
第9章  字體和文本樣式  144
視頻講解：116分鐘
9.1  字體樣式  144
9.1.1  定義字體類型  144
9.1.2  定義字體大小  144
9.1.3  定義字體顏色  145
9.1.4  定義字體粗細(xì)  145
9.1.5  定義藝術(shù)字體  145
9.1.6  定義修飾線  146
9.1.7  定義字體的變體  146
9.1.8  定義大小寫字體  147
9.2  文本樣式  147
9.2.1  定義水平對(duì)齊  147
9.2.2  定義垂直對(duì)齊  148
9.2.3  定義文本間距  149
9.2.4  定義行高  149
9.2.5  定義首行縮進(jìn)  150
9.2.6  書寫模式  150
9.2.7  文本溢出  150
9.2.8  文本換行  151
9.3  特殊設(shè)置  152
9.3.1  initial值  152
9.3.2  inherit值  153
9.3.3  unset值  153
9.3.4  all屬性  154
9.3.5  opacity屬性  154
9.3.6  transparent值  155
9.3.7  currentColor值  155
9.3.8  rem值  156
9.3.9  font-size-adjust屬性  156
9.4  色彩模式  157
9.4.1  rgba()函數(shù)  157
9.4.2  hsl()函數(shù)  158
9.4.3  hsla()函數(shù)  158
9.5  文本陰影  158
9.6  動(dòng)態(tài)生成內(nèi)容  159
9.7  自定義字體  160
9.8  案例實(shí)戰(zhàn)  161
9.9  在線支持  162
第10章  背景樣式  163
視頻講解：51分鐘
10.1  設(shè)計(jì)背景圖像  163
10.1.1  設(shè)置背景圖像  163
10.1.2  設(shè)置顯示方式  163
10.1.3  設(shè)置顯示位置  164
10.1.4  設(shè)置固定背景  165
10.1.5  設(shè)置定位原點(diǎn)  165
10.1.6  設(shè)置裁剪區(qū)域  166
10.1.7  設(shè)置背景圖像大小  166
10.1.8  設(shè)置多重背景圖像  167
10.2  設(shè)計(jì)漸變背景  168
10.2.1  定義線性漸變  168
10.2.2  定義重復(fù)線性漸變  170
10.2.3  定義徑向漸變  171
10.2.4  定義重復(fù)徑向漸變  173
10.3  案例實(shí)戰(zhàn)  174
10.3.1  設(shè)計(jì)網(wǎng)頁漸變色  174
10.3.2  設(shè)計(jì)欄目折角效果  175
10.3.3  設(shè)計(jì)紋理背景  176
10.3.4  設(shè)計(jì)條紋背景  177
10.4  在線支持  177
第11章  列表和超鏈接樣式  178
視頻講解：28分鐘
11.1  超鏈接樣式  178
11.1.1  動(dòng)態(tài)偽類  178
11.1.2  定義下畫線樣式  178
11.1.3  定義特效樣式  180
11.1.4  定義光標(biāo)樣式  180
11.2  列表樣式  181
11.2.1  定義項(xiàng)目符號(hào)類型  181
11.2.2  定義項(xiàng)目符號(hào)圖像  182
11.2.3  模擬項(xiàng)目符號(hào)  183
11.3  案例實(shí)戰(zhàn)  183
11.3.1  設(shè)計(jì)背景自由滑動(dòng)的菜單  183
11.3.2  設(shè)計(jì)Tab選項(xiàng)菜單  185
11.4  在線支持  187
第12章  表格和表單樣式  188
視頻講解：46分鐘
12.1  表格基本樣式  188
12.1.1  設(shè)計(jì)表格邊框線  188
12.1.2  定義單元格間距和空隙  189
12.1.3  隱藏空單元格  190
12.1.4  定義標(biāo)題樣式  190
12.2  設(shè)計(jì)表單樣式  191
12.2.1  定義文本框樣式  191
12.2.2  設(shè)計(jì)單選按鈕和復(fù)選框樣式  194
12.2.3  定義選擇框樣式  195
12.3  案例實(shí)戰(zhàn)  197
12.3.1  設(shè)計(jì)數(shù)據(jù)分組表格  197
12.3.2  設(shè)計(jì)單線表格  199
12.3.3  設(shè)計(jì)表格自動(dòng)布局  200
12.3.4  設(shè)計(jì)表格水平滾動(dòng)顯示  201
12.3.5  設(shè)計(jì)登錄表單  202
12.4  在線支持  203
第13章  CSS3盒模型  204
視頻講解：61分鐘
13.1  盒模型基礎(chǔ)  204
13.2  大小  205
13.3  邊框  206
13.4  邊界  208
13.5  補(bǔ)白  209
13.6  界面  210
13.6.1  顯示方式  210
13.6.2  調(diào)整大小  211
13.6.3  縮放比例  212
13.7  輪廓樣式  212
13.8  圓角樣式  213
13.9  陰影樣式  215
13.10  案例實(shí)戰(zhàn)  217
13.10.1  設(shè)計(jì)照片特效  217
13.10.2  設(shè)計(jì)欄目特效  218
13.11  在線支持  219
第14章  網(wǎng)頁布局基礎(chǔ)  220
視頻講解：57分鐘
14.1  流動(dòng)布局  220
14.2  浮動(dòng)布局  221
14.2.1  定義浮動(dòng)顯示  221
14.2.2  清除浮動(dòng)  222
14.2.3  案例：設(shè)計(jì)專題頁  223
14.3  定位布局  225
14.3.1  定義定位顯示  226
14.3.2  相對(duì)定位  226
14.3.3  定位框  227
14.3.4  層疊順序  227
14.3.5  案例：設(shè)計(jì)定位模板頁  227
14.4  案例實(shí)戰(zhàn)  228
14.4.1  設(shè)計(jì)固寬 彈性頁面  229
14.4.2  設(shè)計(jì)兩欄彈性頁面  230
14.4.3  設(shè)計(jì)三欄彈性頁面  231
14.4.4  設(shè)計(jì)兩欄固寬 彈性頁面  232
14.5  在線支持  233
第15章  CSS3彈性布局  234
視頻講解：24分鐘
15.1  舊版本彈性盒  234
15.1.1  啟動(dòng)彈性盒  234
15.1.2  設(shè)置寬度  234
15.1.3  設(shè)置順序  236
15.1.4  設(shè)置方向  237
15.1.5  設(shè)置對(duì)齊方式  238
15.2  新版本彈性盒  239
15.2.1  認(rèn)識(shí)Flexbox系統(tǒng)  240
15.2.2  啟動(dòng)彈性盒  240
15.2.3  設(shè)置主軸方向  241
15.2.4  設(shè)置行數(shù)  242
15.2.5  設(shè)置對(duì)齊方式  243
15.2.6  設(shè)置彈性項(xiàng)目  245
15.3  案例實(shí)戰(zhàn)  247
15.4  在線支持  250
第16章  設(shè)計(jì)動(dòng)畫樣式  251
視頻講解：38分鐘
16.1  CSS3變形  251
16.1.1  設(shè)置原點(diǎn)  251
16.1.2  2D旋轉(zhuǎn)  252
16.1.3  2D縮放  252
16.1.4  2D平移  252
16.1.5  2D傾斜  253
16.1.6  2D矩陣  253
16.2  過渡動(dòng)畫  254
16.2.1  設(shè)置過渡屬性  254
16.2.2  設(shè)置過渡時(shí)間  255
16.2.3  設(shè)置延遲過渡時(shí)間  255
16.2.4  設(shè)置過渡動(dòng)畫類型  256
16.2.5  設(shè)置過渡觸發(fā)動(dòng)作  256
16.3  幀動(dòng)畫  260
16.3.1  設(shè)置關(guān)鍵幀  260
16.3.2  設(shè)置動(dòng)畫屬性  261
16.4  案例實(shí)戰(zhàn)  263
16.4.1  設(shè)計(jì)照片特效  263
16.4.2  設(shè)計(jì)動(dòng)畫效果菜單  264
16.4.3  設(shè)計(jì)幀運(yùn)動(dòng)效果  266
16.5  在線支持  267
第17章  媒體查詢與頁面自適應(yīng)  268
視頻講解：30分鐘
17.1  媒體查詢基礎(chǔ)  268
17.1.1  媒體類型和媒體查詢  268
17.1.2  使用@media  269
17.1.3  應(yīng)用@media  270
17.2  案例實(shí)戰(zhàn)  273
17.2.1  判斷顯示屏幕寬度  273
17.2.2  設(shè)計(jì)響應(yīng)式版式  274
17.2.3  設(shè)計(jì)響應(yīng)式菜單  276
17.2.4  設(shè)計(jì)自動(dòng)隱藏布局  278
17.2.5  設(shè)計(jì)自適應(yīng)手機(jī)頁面  280
17.3  在線支持  283
下冊(cè)·JavaScript篇
第18章  JavaScript基礎(chǔ)  285
視頻講解：153分鐘
18.1  編寫JavaScript腳本  285
18.1.1  設(shè)計(jì)第一個(gè)腳本程序  285
18.1.2  腳本位置  286
18.1.3  JavaScript腳本基本規(guī)范  287
18.2  變量  289
18.2.1  聲明變量  289
18.2.2　賦值變量  290
18.3  數(shù)據(jù)類型  290
18.3.1  基本類型  290
18.3.2  數(shù)字  291
18.3.3  字符串  293
18.3.4  布爾值  294
18.3.5  null  295
18.3.6  undefined  295
18.4  類型檢測(cè)  295
18.4.1  使用constructor  295
18.4.2  使用toString  296
18.5  類型轉(zhuǎn)換  296
18.5.1  轉(zhuǎn)換為字符串  296
18.5.2  轉(zhuǎn)換為數(shù)字  297
18.5.3  轉(zhuǎn)換為布爾值  297
18.5.4  轉(zhuǎn)換為對(duì)象  297
18.5.5  強(qiáng)制類型轉(zhuǎn)換  298
18.5.6  自動(dòng)類型轉(zhuǎn)換  298
18.6  認(rèn)識(shí)運(yùn)算符  299
18.7  算術(shù)運(yùn)算  299
18.7.1  加法運(yùn)算  299
18.7.2  減法運(yùn)算  300
18.7.3  乘法運(yùn)算  300
18.7.4  除法運(yùn)算  300
18.7.5  求余運(yùn)算  300
18.7.6  取反運(yùn)算  301
18.7.7  遞增和遞減  301
18.8  邏輯運(yùn)算  301
18.8.1  邏輯與運(yùn)算  302
18.8.2  邏輯或運(yùn)算  303
18.8.3  邏輯非運(yùn)算  303
18.9  關(guān)系運(yùn)算  304
18.9.1  大小比較  304
18.9.2  相等和全等  304
18.10  賦值運(yùn)算  305
18.11  對(duì)象運(yùn)算  306
18.11.1  歸屬檢測(cè)  306
18.11.2  刪除屬性  306
18.12  其他運(yùn)算  307
18.12.1  條件運(yùn)算符  307
18.12.2  逗號(hào)運(yùn)算符  307
18.12.3  void運(yùn)算符  308
18.13  在線支持  308
第19章  設(shè)計(jì)程序結(jié)構(gòu)  309
視頻講解：63分鐘
19.1  分支結(jié)構(gòu)  309
19.1.1  if語句  309
19.1.2  else語句  309
19.1.3  switch語句  310
19.1.4  default語句  312
19.2  循環(huán)結(jié)構(gòu)  312
19.2.1  while語句  312
19.2.2  do…while語句  313
19.2.3　for語句  313
19.2.4  for…in語句  314
19.3  流程控制  315
19.3.1  label語句  315
19.3.2  break語句  315
19.3.3  continue語句  316
19.4  異常處理  317
19.4.1  try/catch/finally語句  317
19.4.2  throw語句  319
19.5  案例實(shí)戰(zhàn)  319
19.6  在線支持  320
第20章  處理字符串  321
視頻講解：68分鐘
20.1  字符串處理基礎(chǔ)  321
20.1.1  定義字符串  321
20.1.2  獲取長(zhǎng)度  322
20.1.3  連接字符串  323
20.1.4  檢索字符串  323
20.1.5  截取字符串  326
20.1.6  替換字符串  328
20.1.7  轉(zhuǎn)換大小寫  329
20.1.8  轉(zhuǎn)換為數(shù)組  329
20.1.9  清除字符串  330
20.1.10  Unicode編碼和解碼  330
20.1.11  Base64編碼和解碼  332
20.1.12  字符串模板  332
20.2  案例實(shí)戰(zhàn)  332
20.2.1  提煉字符串信息  332
20.2.2  檢測(cè)特殊字符  334
20.3  在線支持  335
第21章  使用正則表達(dá)式  336
視頻講解：89分鐘
21.1  使用正則表達(dá)式  336
21.1.1  定義正則表達(dá)式  336
21.1.2  執(zhí)行匹配  337
21.1.3  檢測(cè)字符串  338
21.1.4  編譯表達(dá)式  338
21.1.5  訪問匹配信息  339
21.1.6  訪問RegExp靜態(tài)信息  339
21.2  匹配模式語法基礎(chǔ)  341
21.2.1  字符  341
21.2.2  字符范圍  342
21.2.3  選擇匹配  343
21.2.4  重復(fù)匹配  344
21.2.5  惰性匹配  345
21.2.6  邊界  345
21.2.7  條件聲明  346
21.2.8  子表達(dá)式  346
21.2.9  反向引用  347
21.2.10  禁止引用  348
21.3　案例實(shí)戰(zhàn)  348
21.4  在線支持  349
第22章  使用數(shù)組  350
視頻講解：99分鐘
22.1  定義數(shù)組  350
22.1.1  構(gòu)造數(shù)組  350
22.1.2  數(shù)組直接量  350
22.1.3  空位數(shù)組  351
22.1.4  關(guān)聯(lián)數(shù)組  351
22.1.5  類數(shù)組  352
22.2  訪問數(shù)組  353
22.2.1  讀寫數(shù)組  353
22.2.2  訪問多維數(shù)組  353
22.2.3  數(shù)組長(zhǎng)度  354
22.2.4  使用for迭代數(shù)組  354
22.2.5  使用forEach迭代數(shù)組  355
22.3  操作數(shù)組  355
22.3.1  棧讀寫  355
22.3.2  隊(duì)列讀寫  356
22.3.3  刪除元素  356
22.3.4  添加元素  357
22.3.5  截取數(shù)組  357
22.3.6  數(shù)組排序  358
22.3.7  數(shù)組轉(zhuǎn)換  359
22.3.8  定位元素  359
22.3.9  檢測(cè)數(shù)組  360
22.3.10  檢測(cè)元素  360
22.3.11  映射數(shù)組  361
22.3.12  過濾數(shù)組  362
22.3.13  匯總數(shù)組  362
22.4  案例實(shí)戰(zhàn)  363
22.4.1  擴(kuò)展數(shù)組  363
22.4.2  設(shè)計(jì)迭代器  364
22.4.3  設(shè)計(jì)過濾器  365
22.5  在線支持  365
第23章  使用函數(shù)  366
視頻講解：62分鐘
23.1  定義函數(shù)  366
23.1.1  聲明函數(shù)  366
23.1.2  構(gòu)造函數(shù)  366
23.1.3  函數(shù)直接量  367
23.1.4  箭頭函數(shù)  368
23.2  調(diào)用函數(shù)  368
23.2.1  常規(guī)調(diào)用  368
23.2.2  函數(shù)的返回值  369
23.2.3  方法調(diào)用  369
23.2.4  動(dòng)態(tài)調(diào)用  370
23.2.5  實(shí)例化調(diào)用  371
23.3  函數(shù)參數(shù)  371
23.3.1  形參和實(shí)參  371
23.3.2  獲取參數(shù)個(gè)數(shù)  372
23.3.3  使用arguments  372
23.3.4  使用callee  373
23.3.5  剩余參數(shù)  373
23.4  函數(shù)作用域  374
23.4.1  定義作用域  374
23.4.2  作用域鏈  374
23.4.3  函數(shù)的私有變量  375
23.5  閉包函數(shù)  375
23.5.1  定義閉包  375
23.5.2  使用閉包  376
23.6  案例實(shí)戰(zhàn)  378
23.6.1  應(yīng)用arguments  378
23.6.2  應(yīng)用閉包  379
23.7  在線支持  380
第24章  使用對(duì)象  381
視頻講解：66分鐘
24.1  定義對(duì)象  381
24.1.1  構(gòu)造對(duì)象  381
24.1.2  對(duì)象直接量  381
24.1.3  使用create  382
24.2  對(duì)象的屬性  383
24.2.1  定義屬性  383
24.2.2  訪問屬性  384
24.2.3  刪除屬性  386
24.3  屬性描述符  386
24.3.1  屬性描述符的特性  386
24.3.2  訪問器  387
24.3.3  操作屬性描述符  387
24.3.4  保護(hù)對(duì)象  388
24.4  Object原型方法  388
24.4.1  使用toString  388
24.4.2  使用valueOf  389
24.4.3  檢測(cè)私有屬性  389
24.4.4  檢測(cè)可枚舉屬性  390
24.4.5  檢測(cè)原型對(duì)象  390
24.5  Object靜態(tài)函數(shù)  390
24.5.1  對(duì)象包裝函數(shù)  390
24.5.2  對(duì)象構(gòu)造函數(shù)  391
24.5.3  靜態(tài)函數(shù)  391
24.6  案例實(shí)戰(zhàn)  391
24.6.1  生成驗(yàn)證碼  391
24.6.2  數(shù)字取整  392
24.6.3  設(shè)計(jì)計(jì)時(shí)器  392
24.6.4  設(shè)計(jì)倒計(jì)時(shí)  393
24.7  在線支持  394
第25章  JavaScript高級(jí)編程  395
視頻講解：84分鐘
25.1  構(gòu)造函數(shù)  395
25.1.1  定義構(gòu)造函數(shù)  395
25.1.2  調(diào)用構(gòu)造函數(shù)  396
25.1.3  構(gòu)造函數(shù)的返回值  397
25.1.4  引用構(gòu)造函數(shù)  397
25.1.5  使用this  397
25.1.6  綁定函數(shù)  400
25.1.7  使用bind  401
25.2  原型  402
25.2.1  定義原型  402
25.2.2  訪問原型  402
25.2.3  設(shè)置原型  403
25.2.4  檢測(cè)原型  403
25.2.5  原型屬性  403
25.2.6  原型鏈  404
25.3  類  405
25.3.1  定義類  405
25.3.2  繼承  406
25.3.3  靜態(tài)方法  407
25.4  模塊  407
25.5  案例實(shí)戰(zhàn)  408
25.5.1  應(yīng)用this  408
25.5.2  設(shè)計(jì)鏈?zhǔn)秸Z法  410
25.5.3  應(yīng)用原型  410
25.5.4  擴(kuò)展原型方法  413
25.6  在線支持  414
第26章  客戶端操作  415
視頻講解：59分鐘
26.1  window對(duì)象  415
26.1.1  全局作用域  415
26.1.2  訪問客戶端對(duì)象  415
26.1.3  實(shí)現(xiàn)人機(jī)交互  416
26.1.4  打開窗口  416
26.1.5  控制窗口  417
26.2  navigator對(duì)象  418
26.2.1  瀏覽器檢測(cè)方法  418
26.2.2  檢測(cè)瀏覽器類型和版本號(hào)  419
26.2.3  檢測(cè)操作系統(tǒng)  420
26.3  location對(duì)象  420
26.4  history對(duì)象  422
26.5  screen對(duì)象  424
26.6  document對(duì)象  424
26.6.1  訪問文檔對(duì)象  424
26.6.2  動(dòng)態(tài)生成文檔內(nèi)容  425
26.7  案例實(shí)戰(zhàn)  426
26.7.1  自定義提示框  426
26.7.2  設(shè)計(jì)無刷新導(dǎo)航  426
26.8  在線支持  428
第27章  文檔操作  429
視頻講解：103分鐘
27.1  節(jié)點(diǎn)  429
27.1.1  節(jié)點(diǎn)的類型  429
27.1.2  節(jié)點(diǎn)的名稱和值  430
27.1.3  訪問節(jié)點(diǎn)  431
27.1.4  操作節(jié)點(diǎn)  431
27.2  文檔  432
27.2.1  訪問文檔  432
27.2.2  訪問子節(jié)點(diǎn)  432
27.2.3  訪問特殊元素  433
27.2.4  訪問元素集合  433
27.2.5  訪問文檔信息  433
27.2.6  訪問文檔元素  434
27.3  元素  434
27.3.1  訪問元素  434
27.3.2  遍歷元素  435
27.3.3  創(chuàng)建元素  435
27.3.4  復(fù)制元素  436
27.3.5  插入元素  436
27.3.6  刪除元素  437
27.3.7  替換元素  437
27.4  文本  437
27.4.1  創(chuàng)建文本  438
27.4.2  訪問文本  438
27.4.3  讀取HTML字符串  438
27.4.4  插入HTML字符串  438
27.5  屬性  439
27.5.1  創(chuàng)建屬性  439
27.5.2  讀取屬性值  440
27.5.3  設(shè)置屬性值  441
27.5.4  刪除屬性  441
27.5.5  使用類選擇器  442
27.6  文檔片段  443
27.7  CSS選擇器  443
27.8  案例實(shí)戰(zhàn)  445
27.8.1  自定義屬性  445
27.8.2  使用script加載遠(yuǎn)程數(shù)據(jù)  445
27.9  在線支持  446
第28章  事件處理  447
視頻講解：49分鐘
28.1  事件基礎(chǔ)  447
28.1.1  事件模型  447
28.1.2  事件流  447
28.1.3  綁定事件  448
28.1.4  事件處理函數(shù)  448
28.1.5  注冊(cè)事件  449
28.1.6  銷毀事件  450
28.1.7  使用event對(duì)象  452
28.1.8  委托事件  453
28.2  案例實(shí)戰(zhàn)  455
28.2.1  鼠標(biāo)拖曳  455
28.2.2  鼠標(biāo)移動(dòng)  457
28.2.3  鼠標(biāo)定位  457
28.2.4  鍵盤監(jiān)控  458
28.2.5  鍵盤移動(dòng)對(duì)象  459
28.2.6  頁面監(jiān)控  461
28.3  在線支持  461
第29章  CSS樣式操作  462
視頻講解：74分鐘
29.1  CSS腳本化基礎(chǔ)  462
29.1.1  訪問行內(nèi)樣式  462
29.1.2  使用style對(duì)象  463
29.1.3  使用styleSheets對(duì)象  463
29.1.4  使用selectorText對(duì)象  464
29.1.5  編輯樣式  464
29.1.6  添加樣式  465
29.1.7  讀取渲染樣式  466
29.1.8  讀取媒體查詢  467
29.2  案例實(shí)戰(zhàn)  468
29.2.1  獲取元素尺寸  468
29.2.2  獲取可視區(qū)域大小  468
29.2.3  獲取元素大小  469
29.2.4  獲取窗口大小  471
29.2.5  獲取偏移位置  472
29.2.6  獲取指針的頁面位置  472
29.2.7  獲取指針的相對(duì)位置  473
29.2.8  獲取滾動(dòng)條的位置  474
29.2.9  設(shè)置滾動(dòng)條位置  474
29.2.10  設(shè)計(jì)顯示樣式  474
29.3  在線支持  475
第30章  使用Ajax  476
視頻講解：46分鐘
30.1  XMLHttpRequest基礎(chǔ)  476
30.1.1  定義XMLHttpRequest對(duì)象  476
30.1.2  建立HTTP連接  477
30.1.3  發(fā)送GET請(qǐng)求  477
30.1.4  發(fā)送POST請(qǐng)求  478
30.1.5  串行格式化  479
30.1.6  跟蹤響應(yīng)狀態(tài)  479
30.1.7  中止請(qǐng)求  480
30.1.8  獲取XML數(shù)據(jù)  480
30.1.9  獲取HTML字符串  481
30.1.10  獲取JavaScript腳本  482
30.1.11  獲取JSON數(shù)據(jù)  483
30.1.12  獲取純文本  483
30.1.13  獲取和設(shè)置頭部消息  484
30.1.14  認(rèn)識(shí)XMLHttpRequest 2.0  484
30.1.15  請(qǐng)求時(shí)限  485
30.1.16  FormData數(shù)據(jù)對(duì)象  485
30.1.17  上傳文件  485
30.1.18  跨域訪問  486
30.1.19  響應(yīng)不同類型的數(shù)據(jù)  486
30.1.20  接收二進(jìn)制數(shù)據(jù)  486
30.1.21  監(jiān)測(cè)數(shù)據(jù)傳輸進(jìn)度  487
30.2  案例實(shí)戰(zhàn)  487
30.2.1  文件下載  487
30.2.2  文件上傳  490
30.3  在線支持  491
第31章  項(xiàng)目實(shí)戰(zhàn)  492