第 1章初識JavaScript 001

學習目標001

1.1什麼是JavaScript001

1.1.1JavaScript概述001

1.1.2JavaScript的誕生與發展002

1.1.3JavaScript的特點004

1.1.4JavaScript的組成004

1.2常用開發工具005

1.3JavaScript入門005

1.3.1代碼書寫位置006

1.*.*注釋008

1.3.3輸入和輸出語句009

1.3.4控制臺的使用010

1.4JavaScript變量010

1.4.1什麼是變量011

1.4.2變量的使用011

1.4.3變量的應用案例011

1.4.4變量的語法細節012

1.4.5變量的命名規範013

1.4.6【案例】交換兩個變量的值014

本章小結015

課後練習015

第2章 JavaScript基礎（上）016

學習目標016

2.1數據類型016

2.1.1變量的數據類型016

2.1.2數據類型分類017

2.1.3數字型017

2.1.4字符串型018

2.1.5布爾型020

2.1.6undefined和null020

2.1.7數據類型檢測020

2.2數據類型轉換021

2.2.1轉換為字符串型021

2.2.2轉換為數字型022

2.2.3轉換為布爾型023

2.3運算符023

2.3.1算術運算符024

2.*.*遞增和遞減運算符024

2.3.3比較運算符025

2.3.4邏輯運算符026

2.3.5賦值運算符027

2.3.運算符028

2.3.7運算符優先級028

2.4流程控制029

2.5分支結構030

2.5.1if語句030

2.5.2if…else語句030

2.5.3if…else if語句032

2.5.4switch語句032

2.5.5【案例】查詢水果的價格034

本章小結034

課後練習035

第3章JavaScript基礎（下）036

學習目標036

3.1循環結構036

3.1.1for語句036

3.1.2for循環案例038

3.1.3循環嵌套案例040

3.1.4while語句041

3.1.5do…while語句042

3.1.6continue關鍵字043

3.1.7break關鍵字043

*.*初識數組044

*.*.1創建數組044

*.*.2訪素044

*.*.3數組遍歷045

3.3數組案例045

3.3.1獲素中的值045

3.*.*數組轉換為字符串046

3.4素操作046

3.4.1修改數組長度046

3.4.2新增或修素047

3.4.3篩選數組047

3.4.4刪除指定素048

3.4.5反素順序048

3.5數組排序算法049

3.5.1冒泡排序050

3.5.2插入排序050

3.6二維數組052

3.6.1創建二維數組052

3.6.2二維數組求和052

3.6.3二維數組轉置053

本章小結054

課後練習054

第4章JavaScript函數055

學習目標055

4.1初識函數055

4.1.1函數的使用055

4.1.2什麼是函數056

4.1.3函數的參數056

4.1.4函數參數的數量057

4.1.5函數的返回值057

4.2函數返回值案例058

4.2.1利用函數求任意兩個數的值058

4.2.2利用函數求任意一個數組中的值059

4.2.3利用return提前終止函數059

4.2.4利用return返回數組059

4.3函數綜合案例060

4.3.1利用函數求所有參數中的值060

4.*.*利用函數反素順序061

4.3.3利用函數判斷閏年061

4.3.4獲取指定年份的2月份的天數061

4.4函數進階062

4.4.1函數表達式062

4.4.2回調函數062

4.4.3遞歸調用063

4.5作用域064

4.5.1作用域的分類064

4.5.2全局變量和局部變量064

4.5.3作用域鏈065

4.6閉包函數065

4.6.1什麼是閉包函數065

4.6.2閉包函數的實現066

4.7預解析066

本章小結067

課後練習067

第5章JavaScript對像069

學習目標069

5.1初識對像069

5.1.1什麼是對像069

5.1.2利用字面量創建對像070

5.1.3訪問對像的屬性和方法071

5.1.4利用new Object創建對像071

5.1.5利用構造函數創建對像072

5.1.6遍歷對像的屬性和方法073

5.2內置對像074

5.2.1通過查閱文檔熟悉內置對像074

5.2.2【案例】封裝自己的數學對像076

5.3Math對像076

5.3.1Math對像的使用076

5.*.*生成指定範圍的隨機數077

5.3.3【案例】猜數字遊戲077

5.4日期對像078

5.4.1日期對像的使用078

5.4.2【案例】統計代碼執行時間080

5.4.3【案例】倒計時080

5.5數組對像081

5.5.1數組類型檢測081

5.5.2添加或刪素082

5.5.3【案例】篩選數組083

5.5.4數組排序083

5.5.5數組索引083

5.5.6【案例】數組去素084

5.5.7數組轉換為字符串084

5.5.8其他方法085

5.6字符串對像085

5.6.1字符串對像的使用086

5.6.2根據字符返回位置086

5.6.3根據位置返回字符087

5.6.4【案例】統計出現多的字符和次數087

5.6.5字符串操作方法088

5.6.6【案例】判斷用戶名是否合法089

5.7值類型和引用類型089

本章小結090

課後練習091

第6章DOM（上）092

學習目標092

6.1Web API簡介092

6.1.1初識Web API092

6.1.2Web API與API的關繫093

6.2DOM簡介093

6.2.1什麼是DOM093

6.2.2DOM樹093

6.3素094

6.3.1根據i素094

6.*.*根據標素095

6.3.3根據nam素096

6.3.4HTML5新增的獲取方式096

6.3.5document對像的屬性098

6.4**基礎099

6.4.1**概述099

6.4.2**三要素099

6.5素100

6.5.1素內容100

6.5.2素屬性101

6.5.3【案例】顯示隱藏密碼明文102

6.5.4素樣式103

6.5.5【案例】顯示隱藏文本框內容106

本章小結107

課後練習107

第7章DOM（下）109

學習目標109

7.1排他操作109

7.1.1排他思想簡介109

7.1.2【案例】鼠標指針經過時背景變色110

7.2屬性操作112

7.2.1獲取屬性值112

7.2.2設置屬性值112

7.2.3移除屬性113

7.2.4【案例】Tab欄切換114

7.3自定義屬性116

7.3.1設置屬性值116

7.*.*獲取屬性值117

7.4節點基礎117

7.4.1什麼是節點117

7.4.2節點層級118

7.4.3【案例】下拉菜單121

7.5節點操作123

7.5.1創建節點123

7.5.2添加和刪除節點123

7.5.3【案例】簡易留言板123

7.5.4復制節點125

7.6**進階126

7.6.1注冊**126

7.6.2刪除**128

7.6.3DOM**流128

7.7**對像129

7.7.1什麼是**對像129

7.7.2**對像的使用129

7.7.3**對像的常用屬性和方法130

7.8鼠標**132

7.8.1鼠標**的常用方法132

7.8.2鼠標**對像133

7.8.3【案例】圖片跟隨鼠標指針移動134

7.9鍵盤**135

7.9.1鍵盤**的常用方法135

7.9.2鍵盤**對像135

7.9.3【案例】文本框提示信息136

本章小結137

課後練習137

第8章BOM140

學習目標140

8.1BOM簡介140

8.1.1什麼是BOM140

8.1.2BOM與DOM的區別140

8.1.3BOM的構成141

8.2window對像的常見**141

8.2.1窗口加載**141

8.2.2調整窗口大小**142

8.3定時器143

8.3.1定時器方法143

8.*.*【案例】3秒後自動關閉廣告144

8.3.3【案例】60秒內隻能發送一次短信144

8.4JavaScript執行機制146

8.4.1單線程146

8.4.2同步和異步146

8.4.3執行機制146

8.5location對像147

8.5.1URL的組成147

8.5.2location的常用屬性148

8.5.3【案例】獲取URL參數148

8.5.4location的常用方法149

8.6navigator對像149

8.7history對像150

本章小結151

課後練習151

第9章JavaScript的網頁特效152

學習目標152

9素偏移量offset繫列152

9.1.1offset概述152

9.1.2offset與style的區別154

9.1.3【案例】模態框拖曳效果155

9.1.4【案例】放大鏡效果159

9素可視區client繫列164

9素滾動scroll繫列165

9.3.1scroll概述165

9.*.*【案例】固定側邊欄效果167

本章小結171

課後練習171

第10章 jQuery（上）173

學習目標173

10.1初識jQuery173

10.1.1什麼是jQuery173

10.1.2獲取jQuery174

10.1.3使用jQuery175

10.1.4jQuery對像177

10.2jQuery選擇器178

10.2.1基本選擇器178

10.2.2層級選擇器179

10.2.3篩選選擇器180

10.2.4【案例】下拉菜單181

10.2.5排他思想182

10.2.6【案例】精品展示182

10.2.7其他選擇器184

10.3jQuery樣式操作186

10.3.1修改樣式187

10.*.*類操作187

10.3.3【案例】Tab欄切換189

10.4jQuery動畫190

10.4.1顯示與隱藏效果190

10.4.2滑動效果192

10.4.3停止動畫193

10.4.4淡入淡出194

10.4.5自定義動畫195

10.4.6【案例】手風琴196

本章小結199

課後練習199

第11章 jQuery（下）201

學習目標201

11.1jQuery屬性操作201

11.1.1prop()方法201

11.1.2attr()方法202

11.1.3data()方法202

11.1.4【案例】購物車商品全選203

11.2jQuery內容操作206

11.2.1jQuery中的內容操作方法206

11.2.2【案例】在購物車中增減商品數量207

11.2.3【案例】購物車商品小計208

11.3jQu素操作209

11.3.1素209

11.*.*【案例】計算購物車商品總*數和總額210

11.3.3素211

11.3.4素212

11.3.5素212

11.3.6【案例】在購物車中刪除商品213

11.3.7【案例】在購物車中為選中的商品添加背景色213

11.4jQuery尺寸和位置操作214

11.4.1尺寸方法214

11.4.2位置方法215

11.4.3【案例】帶有動畫效果的返回頂部217

11.4.4【案例】電梯導航219

11.5jQuery**221

11.5.1**綁定221

11.5.2**委派223

11.5.3【案例】留言板224

11.5.4**解綁225

11.5.5觸發**226

11.5.6**對像227

11.6jQuery其他方法228

11.6.1$.extend()方法228

11.6.2$.ajax()方法229

本章小結232

課後練習232

第12章 JavaScript面向對像（上）234

學習目標234

12.1面向對像概述234

12.1.1面向過程與面向對像234

12.1.2面向對像的優勢235

12.1.3面向對像的特征235

12.2ES 6面向對像語法236

12.2.1類和對像236

12.2.2類的基本語法237

12.2.3類中的方法237

12.2.4繼承237

12.2.5super關鍵字238

12.3面向對像開發標簽頁組*239

12.3.1功能分析240

12.*.*頁面結構240

12.3.3切換標簽頁242

12.3.4添加標簽頁243

12.3.5刪除標簽頁245

12.3.6修改標簽頁246

本章小結247

課後練習247

第13章 JavaScript面向對像（下）249

學習目標249

13.1構造函數與原型對像249

13.1.1構造函數249

13.1.2靜態成員和實例成員250

13.1.3構造函數和類的區別250

13.1.4原型對像251

1*.*原型鏈251

1*.*.1訪問對像的原型對像251

1*.*.2訪問對像的構造函數252

1*.*.3原型對像的原型對像253

1*.*.4繪制原型鏈254

1*.*.5成員查找機制255

1*.*.6【案例】利用原型對像擴展數組方法256

13.3this的指向256

13.3.1分析this指向256

13.*.*更改this指向257

13.4錯誤處理258

13.4.1如何進行錯誤處理258

13.4.2錯誤對像的傳遞259

13.4.3拋出錯誤對像259

13.4.4錯誤類型260

13.5繼承260

13.5.1借用構造函數繼承父類屬性260

13.5.2利用原型對像繼承父類方法261

本章小結262

課後練習263

第14章 正則表達式265

學習目標265

14.1認識正則表達式265

14.1.1什麼是正則表達式265

14.1.2正則表達式的特點265

14.1.3正則表達式的使用266

14.1.4模式修飾符266

14.2正則表達式中的特殊字符267

14.2.1邊界符267

14.2.2預定義類267

14.2.3字符類268

14.2.4取反符269

14.2.5【案例】用戶名驗證269

14.3量詞符與括號字符270

14.3.1量詞符270

14.*.*括號字符271

14.3.3正則表達式優先級274

14.3.4【案例】身份證號碼驗證274

14.4String類中的方法275

14.4.1match()方法276

14.4.2search()方法276

14.4.3split()方法276

14.4.4replace()方法277

14.4.5【案例】查找並替換敏感詞277

本章小結278

課後練習278