第一部分　基本語(yǔ)法

第01章　JavaScript簡(jiǎn)介

1.1　JavaScript是什么2

1.1.1　JavaScript簡(jiǎn)介2

1.1.2　教程介紹3

1.2　JavaScript開(kāi)發(fā)工具5

1.3　JavaScript引入方式6

1.3.1　外部JavaScript7

1.3.2　內(nèi)部JavaScript8

1.3.3　元素屬性JavaScript9

1.4　訓(xùn)練題：一個(gè)簡(jiǎn)單的JavaScript

程序10

第02章　語(yǔ)法基礎(chǔ)

2.1　語(yǔ)法簡(jiǎn)介12

2.2　變量與常量13

2.2.1　變量14

2.2.2　常量18

2.3　數(shù)據(jù)類型18

2.3.1　數(shù)字19

2.3.2　字符串20

2.3.3　布爾值22

2.3.4　未定義值23

2.3.5　空值24

2.4　運(yùn)算符24

2.4.1　算術(shù)運(yùn)算符25

2.4.2　賦值運(yùn)算符29

2.4.3　比較運(yùn)算符30

2.4.4　邏輯運(yùn)算符31

2.4.5　條件運(yùn)算符34

2.5　表達(dá)式與語(yǔ)句35

2.6　類型轉(zhuǎn)換36

2.6.1　字符串轉(zhuǎn)換為數(shù)字36

2.6.2　數(shù)字轉(zhuǎn)換為

字符串40

2.7　轉(zhuǎn)義字符41

2.8　注釋43

2.8.1　單行注釋44

2.8.2　多行注釋45

第03章　流程控制

3.1　流程控制簡(jiǎn)介46

3.1.1　順序結(jié)構(gòu)46

3.1.2　選擇結(jié)構(gòu)47

3.1.3　循環(huán)結(jié)構(gòu)48

3.2　選擇結(jié)構(gòu)：if48

3.2.1　單向選擇：if…48

3.2.2　雙向選擇：if…else…50

3.2.3　多向選擇：if…else if…else…51

3.2.4　if語(yǔ)句的嵌套52

3.3　選擇結(jié)構(gòu)：switch56

3.4　循環(huán)結(jié)構(gòu)：while59

3.5　循環(huán)結(jié)構(gòu)：do…while62

3.6　循環(huán)結(jié)構(gòu)：for63

3.7　訓(xùn)練題：判斷一個(gè)數(shù)是整數(shù)，

還是小數(shù)？66

3.8　訓(xùn)練題：找出水仙花數(shù)67

第04章　初識(shí)函數(shù)

4.1　函數(shù)是什么？68

4.2　函數(shù)的定義70

4.2.1　沒(méi)有返回值的函數(shù)71

4.2.2　有返回值的函數(shù)73

4.2.3　全局變量與局部變量74

4.3　函數(shù)的調(diào)用77

4.3.1　直接調(diào)用77

4.3.2　在表達(dá)式中調(diào)用78

4.3.3　在超鏈接中調(diào)用79

4.3.4　在事件中調(diào)用80

4.4　嵌套函數(shù)81

4.5　內(nèi)置函數(shù)82

4.6　訓(xùn)練題：判斷某一年是否為閏年83

4.7　訓(xùn)練題：求出任意五個(gè)數(shù)最大值84

第05章　字符串對(duì)象

5.1　內(nèi)置對(duì)象簡(jiǎn)介86

5.2　獲取字符串長(zhǎng)度87

5.3　大小寫(xiě)轉(zhuǎn)換88

5.4　獲取某一個(gè)字符89

5.5　截取字符串91

5.6　替換字符串93

5.7　分割字符串95

5.8　檢索字符串的位置99

5.9　訓(xùn)練題：刪除字符串中的某一個(gè)字符100

5.10　訓(xùn)練題：找出字符串中的某一個(gè)

字符串101

5.11　訓(xùn)練題：統(tǒng)計(jì)字符串中數(shù)字的個(gè)數(shù)102

第06章　數(shù)組對(duì)象

6.1　數(shù)組是什么？104

6.2　數(shù)組的創(chuàng)建105

6.3　數(shù)組的獲取105

6.4　數(shù)組的賦值106

6.5　獲取數(shù)組長(zhǎng)度108

6.6　截取數(shù)組某部分111

6.7　為數(shù)組添加元素112

6.7.1　在數(shù)組開(kāi)頭添加元素：

unshift()112

6.7.2　在數(shù)組結(jié)尾添加元素：push()114

6.8　刪除數(shù)組元素116

6.8.1　刪除數(shù)組中第一個(gè)元素：shift()116

6.8.2　刪除數(shù)組最后一個(gè)元素：pop()117

6.9　數(shù)組大小比較119

6.10　數(shù)組顛倒順序120

6.11　將數(shù)組元素連接成字符串121

6.12　訓(xùn)練題：數(shù)組與字符串的轉(zhuǎn)換操作123

6.13　訓(xùn)練題：將字符串所有字符顛倒

順序124

6.14　題目：計(jì)算面積與體積，返回一個(gè)

數(shù)組125

第07章　時(shí)間對(duì)象

7.1　日期對(duì)象簡(jiǎn)介127

7.2　操作年、月、日129

7.2.1　獲取年、月、日129

7.2.2　設(shè)置年、月、日130

7.3　操作時(shí)、分、秒132

7.3.1　獲取時(shí)、分、秒132

7.3.2　設(shè)置時(shí)、分、秒133

7.4　獲取星期幾135

7.5　訓(xùn)練題：在頁(yè)面顯示時(shí)間136

第08章　數(shù)學(xué)對(duì)象

8.1　數(shù)學(xué)對(duì)象簡(jiǎn)介138

8.2　Math對(duì)象的屬性138

8.3　Math對(duì)象的方法140

8.4　最大值與最小值：max()、min()141

8.5　取整運(yùn)算142

8.5.1　向下取整：floor()142

8.5.2　向上取整：ceil()143

8.6　三角函數(shù)144

8.7　生成隨機(jī)數(shù)145

8.7.1　隨機(jī)生成某個(gè)范圍內(nèi)的

任意數(shù)146

8.7.2　隨機(jī)數(shù)生成某個(gè)范圍內(nèi)的

整數(shù)146

8.8　訓(xùn)練題：生成隨機(jī)驗(yàn)證碼147

8.9　生成隨機(jī)顏色值148

第二部分　核心技術(shù)

第09章　DOM基礎(chǔ)

9.1　核心技術(shù)簡(jiǎn)介150

9.2.1　DOM對(duì)象151

9.2.2　DOM結(jié)構(gòu)151

9.2　DOM是什么？151

9.3　節(jié)點(diǎn)類型152

9.4　獲取元素153

9.4.1　getElementById()153

9.4.2　getElementsByTagName155

9.4.3　getElementsByClass

Name()160

9.4.4　querySelector()和

querySelectorAll()161

9.4.5　getElementsByName()163

9.4.6　document.title和

document.body165

9.5　創(chuàng)建元素166

9.6　插入元素171

9.6.1　appendChild()171

9.6.2　insertBefore()173

9.7　刪除元素174

9.8　復(fù)制元素176

9.9　替換元素178

第10章　DOM進(jìn)階

10.1　HTML屬性操作（對(duì)象屬性）180

10.1.1　獲取HTML屬性值180

10.1.2　設(shè)置HTML屬性值186

10.2　HTML屬性操作（對(duì)象方法）188

10.2.1　getAttribute()189

10.2.2　setAttribute()191

10.2.3　removeAttribute()192

10.2.4　hasAttribute()194

10.3　CSS屬性操作195

10.3.1　獲取CSS屬性值196

10.3.2　設(shè)置CSS屬性值197

10.3.3　最后一個(gè)問(wèn)題203

10.4　DOM遍歷206

10.4.1　查找父元素207

10.4.2　查找子元素208

10.4.3　查找兄弟元素212

10.5　innerHTML和innerText214

第11章　事件基礎(chǔ)

11.1　事件是什么？217

11.2　事件調(diào)用方式218

11.2.1　在script標(biāo)簽中調(diào)用218

11.2.2　在元素中調(diào)用事件219

11.3　鼠標(biāo)事件221

11.3.1　鼠標(biāo)單擊221

11.3.2　鼠標(biāo)移入和鼠標(biāo)移出223

11.3.3　鼠標(biāo)按下和鼠標(biāo)松開(kāi)225

11.4　鍵盤(pán)事件226

11.5　表單事件228

11.5.1　onfocus和onblur228

11.5.2　onselect230

11.5.3　onchange232

11.6　編輯事件235

11.6.1　oncopy235

11.6.2　onselectstart236

11.6.3　oncontextmenu237

11.7　頁(yè)面事件238

11.7.1　onload239

11.7.2　onbeforeunload241

第12章　事件進(jìn)階

12.1　事件監(jiān)聽(tīng)器243

12.1.1　事件處理器243

12.1.2　事件監(jiān)聽(tīng)器245

12.2　event對(duì)象252

12.2.1　type252

12.2.2　keyCode253

12.3　this256

第13章　window對(duì)象

13.1　window對(duì)象簡(jiǎn)介260

13.2　窗口操作262

13.2.1　打開(kāi)窗口262

13.2.2　關(guān)閉窗口267

13.3　對(duì)話框268

13.3.1　alert()269

13.3.2　confirm()269

13.3.3　prompt()271

13.4　定時(shí)器272

13.4.1　setTimeout()和

clearTimeout()273

13.4.2　setInterval()和

clearInterval()277

13.5　location對(duì)象281

13.5.1　window.location.href281

13.5.2　window.location.search283

13.5.3　window.location.hash283

13.6　navigator對(duì)象284

第14章　document對(duì)象

14.1　document對(duì)象簡(jiǎn)介287

14.2　document對(duì)象屬性288

14.2.1　document.URL288

14.2.2　document.referrer289

14.3　document對(duì)象方法289

14.3.1　document.write()290

14.3.2　document.writeln()291