第 一部分語法基礎

第1 章 JavaScript 簡介3

1.1JavaScript 是什麼3

1.1.1JavaScript 簡介3

1.1.2教程介紹4

1.2JavaScript 開發工具5

1.3JavaScript 引入方式7

1.3.1外部JavaScript7

1.3.2內部JavaScript8

1.3素屬性JavaScript10

1.4一個簡單的JavaScript 程序11

1.5本章練習13

第2 章 語法基礎14

2.1語法簡介14

2.2變量與常量15

2.2.1變量15

2.2.2常量20

2.3數據類型20

2.3.1數字21

2.3.2字符串21

2.3.3布爾值24

2.3.4未定義值25

2.3.5空值26

2.4運算符26

2.4.1算術運算符27

2.4.2賦值運算符31

2.4.3比較運算符33

2.4.4邏輯運算符34

2.4.5條件運算符37

2.5表達式與語句38

2.6類型轉換39

2.6.1“字符串”轉換為“數字”39

2.6.2“數字”轉換為“字符串”43

2.7轉義字符45

2.8注釋47

2.8.1單行注釋47

2.8.2多行注釋48

2.9本章練習49

第3章 流程控制51

3.1流程控制簡介51

3.1.1順序結構51

3.1.2選擇結構52

3.1.3循環結構53

3.2選擇結構：if53

3.2.1單向選擇：if...54

3.2.2雙向選擇：if...else...55

3.2.3多向選擇：if...else if...else...57

3.2.4if 語句的嵌套58

3.3選擇結構：switch61

3.4循環結構：while65

3.5循環結構：do...while69

3.6循環結構：for70

3.7實戰題：判斷一個數是整數，還是

小數73

3.8實戰題：找出“水仙花數”74

3.9本章練習75

第4章 初識函數77

4.1函數是什麼77

4.2函數的定義79

4.2.1沒有返回值的函數79

4.2.2有返回值的函數82

4.2.3全局變量與局部變量83

4.3函數的調用85

4.3.1直接調用86

4.3.2在表達式中調用87

4.3.3在超鏈接中調用88

4.3.4在事件中調用89

4.4嵌套函數90

4.5內置函數91

4.6實戰題：判斷某一年是否是閏年92

4.7實戰題：求出任意5 個數的值93

4.8本章練習94

第5章 字符串對像96

5.1內置對像簡介96

5.2獲取字符串長度96

5.3大小寫轉換98

5.4獲取某一個字符99

5.5截取字符串101

5.6替換字符串103

5.7分割字符串105

5.8檢索字符串的位置109

5.9實戰題：統計某一個字符的個數111

5.10實戰題：統計字符串中有多少個

數字112

5.11本章練習113

第6章 數組對像114

6.1數組是什麼114

6.2數組的創建115

6.3數組的獲取115

6.4數組的賦值116

6.5獲取數組長度118

6.6截取數組某部分121

6.7添素123

6.7.1在數組開素：unshift()123

6.7.2在數組結素：push()124

6.8刪素126

6.8.1刪除數組中第素：shift()126

6.8.2刪除數組素：pop()127

6.9比較數組大小129

6.10顛倒數組順序130

6.11素連接成字符串131

6.12實戰題：數組與字符串的轉換

操作133

6.13實戰題：計算面積與體積，返回一個

數組134

6.14本章練習135

第7章 時間對像137

7.1時間對像簡介137

7.2操作年、月、日139

7.2.1獲取年、月、日139

7.2.2設置年、月、日141

7.3操作時、分、秒143

7.3.1獲取時、分、秒143

7.3.2設置時、分、秒144

7.4獲取星期幾145

7.5本章練習147

第8章 數學對像148

8.1數學對像簡介148

8.2Math 對像的屬性148

8.3Math 對像的方法150

8.4值與小值150

8.5取整運算151

8.5.1向下取整：floor()151

8.5.2向上取整：ceil()153

8.6三角函數154

8.7生成隨機數155

8.7.1隨機生成某個範圍內的“任意數”156

8.7.2隨機生成某個範圍內的“整數”156

8.8實戰題：生成隨機驗證碼157

8.9實戰題：生成隨機顏色值158

8.10本章練習159

第二部分核心技術

第9章 DOM 基礎163

9.1核心技術簡介163

9.2DOM 是什麼163

9.2.1DOM 對像163

9.2.2DOM 結構164

9.3節點類型165

9.4素166

9.4.1getElementById()166

9.4.2getElementsByTagName()168

9.4.3getElementsByClassName()173

9.4.4querySelector() 和

querySelectorAll()174

9.4.5getElementsByName()177

9.4.6document.title 和

document.body179

9.5素179

9.6素185

9.6.1appendChild()185

9.6.2insertBefore()187

9.7素189

9.8素191

9.9素193

9.10本章練習194

第10 章 DOM 進階196

10.1HTML 屬性操作（對像屬性）196

10.1.1獲取HTML 屬性值196

10.1.2設置HTML 屬性值203

10.2HTML 屬性操作（對像方法）205

10.2.1getAttribute()205

10.2.2setAttribute()208

10.2.3removeAttribute()209

10.2.4hasAttribute()211

10.3CSS 屬性操作213

10.3.1獲取CSS 屬性值213

10.3.2設置CSS 屬性值214

10.3.3後一個問題221

10.4DOM 遍歷224

10.4.1素224

10.4.2素226

10.4.3查素230

10.5innerHTML 和innerText232

10.6本章練習235

第11 章 事件基礎237

11.1事件是什麼237

11.2事件調用方式238

11.2.1在script 標簽中調用238

11.2.素中調用事件239

11.3鼠標事件241

11.3.1鼠標單擊241

11.3.2鼠標移入和鼠標移出243

11.3.3鼠標按下和鼠標松開245

11.4鍵盤事件246

11.5表單事件248

11.5.1onfocus 和onblur248

11.5.2onselect251

11.5.3onchange253

11.6編輯事件256

11.6.1oncopy256

11.6.2onselectstart257

11.6.3oncontextmenu258

11.7頁面事件259

11.7.1onload259

11.7.2onbeforeunload262

11.8本章練習263

第12 章 事件進階264

12.1事件監聽器264

12.1.1事件處理器264

12.1.2事件監聽器265

12.2event 對像273

12.2.1type274

12.2.2keyCode275

12.3this277

12.4本章練習281

第13 章 window 對像282

13.1window 對像簡介282

13.2窗口操作283

13.2.1打開窗口284

13.2.2關閉窗口289

13.3對話框291

13.3.1alert()291

13.3.2confirm()292

13.3.3prompt()293

13.4定時器295

13.4.1setTimeout() 和

clearTimeout()296

13.4.2setInterval() 和clearInterval()300

13.5location 對像304

13.5.1window.location.href305

13.5.2window.location.search306

13.5.3window.location.hash307

13.6navigator 對像308

13.7本章練習311

第14 章 document 對像312

14.1document 對像簡介312

14.2document 對像屬性312

14.2.1document.URL313

14.2.2document.referrer314

14.3document 對像方法314

14.3.1document.write()315

14.3.2document.writeln()316

14.4本章練習319

附錄A字符串的方法320

附錄B數組的方法321

附錄C時間對像的方法322

附錄D數學對像的方法323

附錄E常用的隨機數324