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

目 錄

上冊·HTML5+CSS3篇

第1章  HTML5基礎  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規則  3

1.1.5  HTML5特性  3

1.1.6  瀏覽器支持  5

1.2  HTML5設計原則  5

1.2.1  避免不必要的復雜性  6

1.2.2  支持已有內容  6

1.2.3  解決實際問題  7

1.2.4  根據用戶使用習慣設計規範  7

1.2.5  優雅地降級  7

1.2.6  支持優先級  8

1.3  HTML5語法特性  9

1.3.1  文檔和標記  9

1.3.2  寬松的約定  9

1.4  HTML5基本結構  11

1.4.1  新建HTML5文檔  11

1.4.2  標簽  12

1.4.3  文本內容  13

1.4.4  超文本內容  14

1.5  案例實戰  14

1.5.1  編寫簡潔的HTML5文檔  14

1.5.2  比較HTML4與HTML5文檔結構  15

1.6  在線支持  16

第2章  設計HTML5文檔結構  17

視頻講解：54分鐘

2.1  頭部結構  17

2.1.1  定義網頁標題  17

2.1.2  定義網頁元信息  17

2.1.3  定義文檔視口  18

2.2  主體基本結構  20

2.2.1  定義文檔結構  20

2.2.2  定義內容標題  21

2.2.3  使用div  22

2.2.4  使用id和class  23

2.2.5  使用title  24

2.2.6  HTML註釋  24

2.3  主體語義化結構  25

2.3.1  定義頁眉  25

2.3.2  定義導航  26

2.3.3  定義主要區域  27

2.3.4  定義文章塊  28

2.3.5  定義區塊  29

2.3.6  定義附欄  30

2.3.7  定義頁腳  31

2.3.8  使用role  32

2.4  案例實戰  33

2.5  在線支持  35

第3章  設計HTML5文本  36

視頻講解：68分鐘

3.1  通用文本  36

3.1.1  標題文本  36

3.1.2  段落文本  36

3.2  描述性文本  37

3.2.1  強調文本  37

3.2.2  標記細則  37

3.2.3  特殊格式  38

3.2.4  定義上標和下標  38

3.2.5  定義術語  40

3.2.6  標記代碼  40

3.2.7  預定義格式  41

3.2.8  定義縮寫詞  42

3.2.9  標註編輯或不用文本  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  標記高亮顯示  46

3.3.2  標記進度信息  47

3.3.3  標記刻度信息  48

3.3.4  標記時間信息  49

3.3.5  標記聯系信息  50

3.3.6  標記顯示方向  51

3.3.7  標記換行斷點  51

3.3.8  標記旁註  52

3.3.9  標記展開/收縮詳細信息  52

3.3.10  標記對話框信息  53

3.4  案例實戰  54

3.5  在線支持  55

第4章  設計HTML5圖像和多媒體  56

視頻講解：54分鐘

4.1  認識HTML5圖像  56

4.2  設計圖像  56

4.2.1  使用img元素  57

4.2.2  定義流內容  57

4.2.3  插入圖標  58

4.2.4  定義替代文本  59

4.2.5  定義Retina顯示  59

4.2.6  使用picture元素  60

4.2.7  設計橫屏和豎屏顯示  60

4.2.8  根據分辨率顯示不同圖像  61

4.2.9  根據格式顯示不同圖像  61

4.2.10  自適應像素比  62

4.2.11  自適應視圖寬  63

4.3  設計多媒體  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  案例實戰  70

4.5.1  設計MP3播放條  70

4.5.2  設計視頻播放器  71

4.6  在線支持  73

第5章  設計列表和超鏈接  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  錨點鏈接  80

5.2.4  目標鏈接  80

5.2.5  下載鏈接  81

5.2.6  圖像熱點  81

5.2.7  框架鏈接  82

5.3  案例實戰  83

5.3.1  設計欄目列表  83

5.3.2  設計圖文列表  84

5.4  在線支持  86

第6章  設計表格  87

視頻講解：29分鐘

6.1  新建表格  87

6.1.1  定義普通表格  87

6.1.2  定義列標題  87

6.1.3  定義表格標題  88

6.1.4  表格行分組  89

6.1.5  表格列分組  90

6.2  設置table屬性  92

6.2.1  定義單線表格  93

6.2.2  定義分離單元格  93

6.2.3  定義細線邊框  94

6.2.4  添加表格說明  94

6.3  設置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  案例實戰  98

6.5  在線支持  101

第7章  設計表單  102

視頻講解：70分鐘

7.1  認識HTML5表單  102

7.2  定義表單  103

7.3  組織表單  104

7.4  常用表單控件  105

7.4.1  文本框  105

7.4.2  標簽  105

7.4.3  密碼框  106

7.4.4  單選按鈕  106

7.4.5  復選框  106

7.4.6  文本區域  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  定義數字框  110

7.5.4  定義範圍框  111

7.5.5  定義日期選擇器  112

7.5.6  定義搜索框  116

7.5.7  定義電話號碼框  116

7.5.8  定義拾色器  116

7.6  HTML5輸入屬性  117

7.6.1  定義自動完成  117

7.6.2  定義自動獲取焦點  118

7.6.3  定義所屬表單  119

7.6.4  定義表單重寫  120

7.6.5  定義高和寬  120

7.6.6  定義列表選項  120

7.6.7  定義最小值、最大值和步長  120

7.6.8  定義多選  121

7.6.9  定義匹配模式  121

7.6.10  定義替換文本  122

7.6.11  定義必填  122

7.6.12  定義復選框狀態  123

7.6.13  獲取文本選取方向  123

7.6.14  訪問標簽綁定的控件  124

7.6.15  訪問控件的標簽集  124

7.7  HTML5新表單元素  125

7.7.1  定義數據列表  125

7.7.2  定義密鑰對生成器  125

7.7.3  定義輸出結果  126

7.8  HTML5表單屬性  127

7.8.1  定義自動完成  127

7.8.2  定義禁止驗證  127

7.9  在線支持  128

第8章  CSS3基礎  129

視頻講解：66分鐘

8.1  初次使用CSS  129

8.1.1  CSS樣式  129

8.1.2  引入CSS樣式  130

8.1.3  CSS樣式表  130

8.1.4  導入外部樣式表  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  標簽選擇器  134

8.2.2  類選擇器  134

8.2.3  ID選擇器  134

8.2.4  通配選擇器  135

8.3  關系選擇器  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  結構偽類選擇器  140

8.5.3  否定偽類選擇器  141

8.5.4  狀態偽類  141

8.5.5  目標偽類選擇器  142

8.5.6  動態偽類選擇器  142

8.6  偽對象選擇器  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  定義字體粗細  145

9.1.5  定義藝術字體  145

9.1.6  定義修飾線  146

9.1.7  定義字體的變體  146

9.1.8  定義大小寫字體  147

9.2  文本樣式  147

9.2.1  定義水平對齊  147

9.2.2  定義垂直對齊  148

9.2.3  定義文本間距  149

9.2.4  定義行高  149

9.2.5  定義首行縮進  150

9.2.6  書寫模式  150

9.2.7  文本溢出  150

9.2.8  文本換行  151

9.3  特殊設置  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()函數  157

9.4.2  hsl()函數  158

9.4.3  hsla()函數  158

9.5  文本陰影  158

9.6  動態生成內容  159

9.7  自定義字體  160

9.8  案例實戰  161

9.9  在線支持  162

第10章  背景樣式  163

視頻講解：51分鐘

10.1  設計背景圖像  163

10.1.1  設置背景圖像  163

10.1.2  設置顯示方式  163

10.1.3  設置顯示位置  164

10.1.4  設置固定背景  165

10.1.5  設置定位原點  165

10.1.6  設置裁剪區域  166

10.1.7  設置背景圖像大小  166

10.1.8  設置多重背景圖像  167

10.2  設計漸變背景  168

10.2.1  定義線性漸變  168

10.2.2  定義重復線性漸變  170

10.2.3  定義徑向漸變  171

10.2.4  定義重復徑向漸變  173

10.3  案例實戰  174

10.3.1  設計網頁漸變色  174

10.3.2  設計欄目折角效果  175

10.3.3  設計紋理背景  176

10.3.4  設計條紋背景  177

10.4  在線支持  177

第11章  列表和超鏈接樣式  178

視頻講解：28分鐘

11.1  超鏈接樣式  178

11.1.1  動態偽類  178

11.1.2  定義下畫線樣式  178

11.1.3  定義特效樣式  180

11.1.4  定義光標樣式  180

11.2  列表樣式  181

11.2.1  定義項目符號類型  181

11.2.2  定義項目符號圖像  182

11.2.3  模擬項目符號  183

11.3  案例實戰  183

11.3.1  設計背景自由滑動的菜單  183

11.3.2  設計Tab選項菜單  185

11.4  在線支持  187

第12章  表格和表單樣式  188

視頻講解：46分鐘

12.1  表格基本樣式  188

12.1.1  設計表格邊框線  188

12.1.2  定義單元格間距和空隙  189

12.1.3  隱藏空單元格  190

12.1.4  定義標題樣式  190

12.2  設計表單樣式  191

12.2.1  定義文本框樣式  191

12.2.2  設計單選按鈕和復選框樣式  194

12.2.3  定義選擇框樣式  195

12.3  案例實戰  197

12.3.1  設計數據分組表格  197

12.3.2  設計單線表格  199

12.3.3  設計表格自動佈局  200

12.3.4  設計表格水平滾動顯示  201

12.3.5  設計登錄表單  202

12.4  在線支持  203

第13章  CSS3盒模型  204

視頻講解：61分鐘

13.1  盒模型基礎  204

13.2  大小  205

13.3  邊框  206

13.4  邊界  208

13.5  補白  209

13.6  界面  210

13.6.1  顯示方式  210

13.6.2  調整大小  211

13.6.3  縮放比例  212

13.7  輪廓樣式  212

13.8  圓角樣式  213

13.9  陰影樣式  215

13.10  案例實戰  217

13.10.1  設計照片特效  217

13.10.2  設計欄目特效  218

13.11  在線支持  219

第14章  網頁佈局基礎  220

視頻講解：57分鐘

14.1  流動佈局  220

14.2  浮動佈局  221

14.2.1  定義浮動顯示  221

14.2.2  清除浮動  222

14.2.3  案例：設計專題頁  223

14.3  定位佈局  225

14.3.1  定義定位顯示  226

14.3.2  相對定位  226

14.3.3  定位框  227

14.3.4  層疊順序  227

14.3.5  案例：設計定位模板頁  227

14.4  案例實戰  228

14.4.1  設計固寬+彈性頁面  229

14.4.2  設計兩欄彈性頁面  230

14.4.3  設計三欄彈性頁面  231

14.4.4  設計兩欄固寬+彈性頁面  232

14.5  在線支持  233

第15章  CSS3彈性佈局  234

視頻講解：24分鐘

15.1  舊版本彈性盒  234

15.1.1  啟動彈性盒  234

15.1.2  設置寬度  234

15.1.3  設置順序  236

15.1.4  設置方向  237

15.1.5  設置對齊方式  238

15.2  新版本彈性盒  239

15.2.1  認識Flexbox系統  240

15.2.2  啟動彈性盒  240

15.2.3  設置主軸方向  241

15.2.4  設置行數  242

15.2.5  設置對齊方式  243

15.2.6  設置彈性項目  245

15.3  案例實戰  247

15.4  在線支持  250

第16章  設計動畫樣式  251

視頻講解：38分鐘

16.1  CSS3變形  251

16.1.1  設置原點  251

16.1.2  2D旋轉  252

16.1.3  2D縮放  252

16.1.4  2D平移  252

16.1.5  2D傾斜  253

16.1.6  2D矩陣  253

16.2  過渡動畫  254

16.2.1  設置過渡屬性  254

16.2.2  設置過渡時間  255

16.2.3  設置延遲過渡時間  255

16.2.4  設置過渡動畫類型  256

16.2.5  設置過渡觸發動作  256

16.3  幀動畫  260

16.3.1  設置關鍵幀  260

16.3.2  設置動畫屬性  261

16.4  案例實戰  263

16.4.1  設計照片特效  263

16.4.2  設計動畫效果菜單  264

16.4.3  設計幀運動效果  266

16.5  在線支持  267

第17章  媒體查詢與頁面自適應  268

視頻講解：30分鐘

17.1  媒體查詢基礎  268

17.1.1  媒體類型和媒體查詢  268

17.1.2  使用@media  269

17.1.3  應用@media  270

17.2  案例實戰  273

17.2.1  判斷顯示屏幕寬度  273

17.2.2  設計響應式版式  274

17.2.3  設計響應式菜單  276

17.2.4  設計自動隱藏佈局  278

17.2.5  設計自適應手機頁面  280

17.3  在線支持  283

下冊·JavaScript篇

第18章  JavaScript基礎  285

視頻講解：153分鐘

18.1  編寫JavaScript腳本  285

18.1.1  設計第一個腳本程序  285

18.1.2  腳本位置  286

18.1.3  JavaScript腳本基本規範  287

18.2  變量  289

18.2.1  聲明變量  289

18.2.2　賦值變量  290

18.3  數據類型  290

18.3.1  基本類型  290

18.3.2  數字  291

18.3.3  字符串  293

18.3.4  布爾值  294

18.3.5  null  295

18.3.6  undefined  295

18.4  類型檢測  295

18.4.1  使用constructor  295

18.4.2  使用toString  296

18.5  類型轉換  296

18.5.1  轉換為字符串  296

18.5.2  轉換為數字  297

18.5.3  轉換為布爾值  297

18.5.4  轉換為對象  297

18.5.5  強制類型轉換  298

18.5.6  自動類型轉換  298

18.6  認識運算符  299

18.7  算術運算  299

18.7.1  加法運算  299

18.7.2  減法運算  300

18.7.3  乘法運算  300

18.7.4  除法運算  300

18.7.5  求餘運算  300

18.7.6  取反運算  301

18.7.7  遞增和遞減  301

18.8  邏輯運算  301

18.8.1  邏輯與運算  302

18.8.2  邏輯或運算  303

18.8.3  邏輯非運算  303

18.9  關系運算  304

18.9.1  大小比較  304

18.9.2  相等和全等  304

18.10  賦值運算  305

18.11  對象運算  306

18.11.1  歸屬檢測  306

18.11.2  刪除屬性  306

18.12  其他運算  307

18.12.1  條件運算符  307

18.12.2  逗號運算符  307

18.12.3  void運算符  308

18.13  在線支持  308

第19章  設計程序結構  309

視頻講解：63分鐘

19.1  分支結構  309

19.1.1  if語句  309

19.1.2  else語句  309

19.1.3  switch語句  310

19.1.4  default語句  312

19.2  循環結構  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  案例實戰  319

19.6  在線支持  320

第20章  處理字符串  321

視頻講解：68分鐘

20.1  字符串處理基礎  321

20.1.1  定義字符串  321

20.1.2  獲取長度  322

20.1.3  連接字符串  323

20.1.4  檢索字符串  323

20.1.5  截取字符串  326

20.1.6  替換字符串  328

20.1.7  轉換大小寫  329

20.1.8  轉換為數組  329

20.1.9  清除字符串  330

20.1.10  Unicode編碼和解碼  330

20.1.11  Base64編碼和解碼  332

20.1.12  字符串模板  332

20.2  案例實戰  332

20.2.1  提煉字符串信息  332

20.2.2  檢測特殊字符  334

20.3  在線支持  335

第21章  使用正則表達式  336

視頻講解：89分鐘

21.1  使用正則表達式  336

21.1.1  定義正則表達式  336

21.1.2  執行匹配  337

21.1.3  檢測字符串  338

21.1.4  編譯表達式  338

21.1.5  訪問匹配信息  339

21.1.6  訪問RegExp靜態信息  339

21.2  匹配模式語法基礎  341

21.2.1  字符  341

21.2.2  字符範圍  342

21.2.3  選擇匹配  343

21.2.4  重復匹配  344

21.2.5  惰性匹配  345

21.2.6  邊界  345

21.2.7  條件聲明  346

21.2.8  子表達式  346

21.2.9  反向引用  347

21.2.10  禁止引用  348

21.3　案例實戰  348

21.4  在線支持  349

第22章  使用數組  350

視頻講解：99分鐘

22.1  定義數組  350

22.1.1  構造數組  350

22.1.2  數組直接量  350

22.1.3  空位數組  351

22.1.4  關聯數組  351

22.1.5  類數組  352

22.2  訪問數組  353

22.2.1  讀寫數組  353

22.2.2  訪問多維數組  353

22.2.3  數組長度  354

22.2.4  使用for迭代數組  354

22.2.5  使用forEach迭代數組  355

22.3  操作數組  355

22.3.1  棧讀寫  355

22.3.2  隊列讀寫  356

22.3.3  刪除元素  356

22.3.4  添加元素  357

22.3.5  截取數組  357

22.3.6  數組排序  358

22.3.7  數組轉換  359

22.3.8  定位元素  359

22.3.9  檢測數組  360

22.3.10  檢測元素  360

22.3.11  映射數組  361

22.3.12  過濾數組  362

22.3.13  匯總數組  362

22.4  案例實戰  363

22.4.1  擴展數組  363

22.4.2  設計迭代器  364

22.4.3  設計過濾器  365

22.5  在線支持  365

第23章  使用函數  366

視頻講解：62分鐘

23.1  定義函數  366

23.1.1  聲明函數  366

23.1.2  構造函數  366

23.1.3  函數直接量  367

23.1.4  箭頭函數  368

23.2  調用函數  368

23.2.1  常規調用  368

23.2.2  函數的返回值  369

23.2.3  方法調用  369

23.2.4  動態調用  370

23.2.5  實例化調用  371

23.3  函數參數  371

23.3.1  形參和實參  371

23.3.2  獲取參數個數  372

23.3.3  使用arguments  372

23.3.4  使用callee  373

23.3.5  剩餘參數  373

23.4  函數作用域  374

23.4.1  定義作用域  374

23.4.2  作用域鏈  374

23.4.3  函數的私有變量  375

23.5  閉包函數  375

23.5.1  定義閉包  375

23.5.2  使用閉包  376

23.6  案例實戰  378

23.6.1  應用arguments  378

23.6.2  應用閉包  379

23.7  在線支持  380

第24章  使用對象  381

視頻講解：66分鐘

24.1  定義對象  381

24.1.1  構造對象  381

24.1.2  對象直接量  381

24.1.3  使用create  382

24.2  對象的屬性  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  保護對象  388

24.4  Object原型方法  388

24.4.1  使用toString  388

24.4.2  使用valueOf  389

24.4.3  檢測私有屬性  389

24.4.4  檢測可枚舉屬性  390

24.4.5  檢測原型對象  390

24.5  Object靜態函數  390

24.5.1  對象包裝函數  390

24.5.2  對象構造函數  391

24.5.3  靜態函數  391

24.6  案例實戰  391

24.6.1  生成驗證碼  391

24.6.2  數字取整  392

24.6.3  設計計時器  392

24.6.4  設計倒計時  393

24.7  在線支持  394

第25章  JavaScript高級編程  395

視頻講解：84分鐘

25.1  構造函數  395

25.1.1  定義構造函數  395

25.1.2  調用構造函數  396

25.1.3  構造函數的返回值  397

25.1.4  引用構造函數  397

25.1.5  使用this  397

25.1.6  綁定函數  400

25.1.7  使用bind  401

25.2  原型  402

25.2.1  定義原型  402

25.2.2  訪問原型  402

25.2.3  設置原型  403

25.2.4  檢測原型  403

25.2.5  原型屬性  403

25.2.6  原型鏈  404

25.3  類  405

25.3.1  定義類  405

25.3.2  繼承  406

25.3.3  靜態方法  407

25.4  模塊  407

25.5  案例實戰  408

25.5.1  應用this  408

25.5.2  設計鏈式語法  410

25.5.3  應用原型  410

25.5.4  擴展原型方法  413

25.6  在線支持  414

第26章  客戶端操作  415

視頻講解：59分鐘

26.1  window對象  415

26.1.1  全局作用域  415

26.1.2  訪問客戶端對象  415

26.1.3  實現人機交互  416

26.1.4  打開窗口  416

26.1.5  控制窗口  417

26.2  navigator對象  418

26.2.1  瀏覽器檢測方法  418

26.2.2  檢測瀏覽器類型和版本號  419

26.2.3  檢測操作系統  420

26.3  location對象  420

26.4  history對象  422

26.5  screen對象  424

26.6  document對象  424

26.6.1  訪問文檔對象  424

26.6.2  動態生成文檔內容  425

26.7  案例實戰  426

26.7.1  自定義提示框  426

26.7.2  設計無刷新導航  426

26.8  在線支持  428

第27章  文檔操作  429

視頻講解：103分鐘

27.1  節點  429

27.1.1  節點的類型  429

27.1.2  節點的名稱和值  430

27.1.3  訪問節點  431

27.1.4  操作節點  431

27.2  文檔  432

27.2.1  訪問文檔  432

27.2.2  訪問子節點  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  創建元素  435

27.3.4  復制元素  436

27.3.5  插入元素  436

27.3.6  刪除元素  437

27.3.7  替換元素  437

27.4  文本  437

27.4.1  創建文本  438

27.4.2  訪問文本  438

27.4.3  讀取HTML字符串  438

27.4.4  插入HTML字符串  438

27.5  屬性  439

27.5.1  創建屬性  439

27.5.2  讀取屬性值  440

27.5.3  設置屬性值  441

27.5.4  刪除屬性  441

27.5.5  使用類選擇器  442

27.6  文檔片段  443

27.7  CSS選擇器  443

27.8  案例實戰  445

27.8.1  自定義屬性  445

27.8.2  使用script加載遠程數據  445

27.9  在線支持  446

第28章  事件處理  447

視頻講解：49分鐘

28.1  事件基礎  447

28.1.1  事件模型  447

28.1.2  事件流  447

28.1.3  綁定事件  448

28.1.4  事件處理函數  448

28.1.5  註冊事件  449

28.1.6  銷毀事件  450

28.1.7  使用event對象  452

28.1.8  委托事件  453

28.2  案例實戰  455

28.2.1  鼠標拖曳  455

28.2.2  鼠標移動  457

28.2.3  鼠標定位  457

28.2.4  鍵盤監控  458

28.2.5  鍵盤移動對象  459

28.2.6  頁面監控  461

28.3  在線支持  461

第29章  CSS樣式操作  462

視頻講解：74分鐘

29.1  CSS腳本化基礎  462

29.1.1  訪問行內樣式  462

29.1.2  使用style對象  463

29.1.3  使用styleSheets對象  463

29.1.4  使用selectorText對象  464

29.1.5  編輯樣式  464

29.1.6  添加樣式  465

29.1.7  讀取渲染樣式  466

29.1.8  讀取媒體查詢  467

29.2  案例實戰  468

29.2.1  獲取元素尺寸  468

29.2.2  獲取可視區域大小  468

29.2.3  獲取元素大小  469

29.2.4  獲取窗口大小  471

29.2.5  獲取偏移位置  472

29.2.6  獲取指針的頁面位置  472

29.2.7  獲取指針的相對位置  473

29.2.8  獲取滾動條的位置  474

29.2.9  設置滾動條位置  474

29.2.10  設計顯示樣式  474

29.3  在線支持  475

第30章  使用Ajax  476

視頻講解：46分鐘

30.1  XMLHttpRequest基礎  476

30.1.1  定義XMLHttpRequest對象  476

30.1.2  建立HTTP連接  477

30.1.3  發送GET請求  477

30.1.4  發送POST請求  478

30.1.5  串行格式化  479

30.1.6  跟蹤響應狀態  479

30.1.7  中止請求  480

30.1.8  獲取XML數據  480

30.1.9  獲取HTML字符串  481

30.1.10  獲取JavaScript腳本  482

30.1.11  獲取JSON數據  483

30.1.12  獲取純文本  483

30.1.13  獲取和設置頭部消息  484

30.1.14  認識XMLHttpRequest 2.0  484

30.1.15  請求時限  485

30.1.16  FormData數據對象  485

30.1.17  上傳文件  485

30.1.18  跨域訪問  486

30.1.19  響應不同類型的數據  486

30.1.20  接收二進制數據  486

30.1.21  監測數據傳輸進度  487

30.2  案例實戰  487

30.2.1  文件下載  487

30.2.2  文件上傳  490

30.3  在線支持  491

第31章  項目實戰  492