第1章JavaScript概述1

1.1JavaScript簡(jiǎn)介1

1.2JavaScript的編輯工具2

1.3JavaScript的嵌入4

1.4上機(jī)練習(xí)6

第2章JavaScript基礎(chǔ)8

2.1JavaScript的語(yǔ)法規(guī)則8

2.2數(shù)據(jù)類(lèi)型10

2.3運(yùn)算符和表達(dá)式11

2.4上機(jī)練習(xí)13

2.5流程控制16

2.5.1選擇結(jié)構(gòu)16

2.5.2循環(huán)結(jié)構(gòu)21

2.6函數(shù)23

2.6.1函數(shù)的定義和調(diào)用24

2.6.2帶有返回值的函數(shù)25

2.6.3變量的作用域26

第3章應(yīng)用CSS28

3.1CSS概述28

3.1.1CSS的優(yōu)點(diǎn)28

3.1.2如何編輯CSS29

3.2CSS選擇器30

3.2.1CSS基本語(yǔ)法30

3.2.2標(biāo)簽選擇器31

3.2.3類(lèi)選擇器31

3.2.4ID選擇器32

3.2.5其他選擇器33

3.3CSS的使用方法37

3.3.1行內(nèi)樣式37

3.3.2內(nèi)嵌式38

3.3.3鏈接式39

3.3.4導(dǎo)入樣式40

3.3.5用腳本來(lái)運(yùn)用CSS樣式42

3.4CSS應(yīng)用43

3.4.1長(zhǎng)度單位和顏色單位43

3.4.2CSS設(shè)置字體44

3.4.3CSS設(shè)置文本47

3.4.4CSS設(shè)置圖像51

3.4.5CSS設(shè)置背景52

3.4.6CSS設(shè)置超鏈接56

3.4.7CSS設(shè)置鼠標(biāo)特效57

3.4.8CSS制作實(shí)用菜單58

第4章DOM模型62

4.1DOM簡(jiǎn)介62

4.2DOM編程基礎(chǔ)63

4.3DOM節(jié)點(diǎn)操作66

4.3.1獲取DOM中的元素66

4.3.2節(jié)點(diǎn)的常用屬性和方法70

4.3.3檢測(cè)節(jié)點(diǎn)類(lèi)型71

4.3.4利用父子兄關(guān)系查找節(jié)點(diǎn)71

4.3.5設(shè)置節(jié)點(diǎn)屬性76

4.3.6創(chuàng)建和添加節(jié)點(diǎn)77

4.3.7刪除節(jié)點(diǎn)79

4.3.8替換節(jié)點(diǎn)80

4.3.9在特定節(jié)點(diǎn)前插入節(jié)點(diǎn)81

4.3.10在特定節(jié)點(diǎn)后插入節(jié)點(diǎn)82

4.4使用非標(biāo)準(zhǔn)DOM innerHTML屬性84

4.5DOM與CSS85

4.5.1三位一體的頁(yè)面85

4.5.2使用className屬性86

第5章JavaScript中的對(duì)象88

5.1對(duì)象的基本概念88

5.2內(nèi)置對(duì)象89

5.2.1字符串對(duì)象89

5.2.2數(shù)字對(duì)象91

5.2.3算數(shù)對(duì)象93

5.2.4日期對(duì)象95

5.2.5數(shù)組對(duì)象97

5.2.6瀏覽器對(duì)象99

5.2.7文檔對(duì)象100

5.2.8窗口對(duì)象103

第6章JavaScript中的事件與事件處理106

6.1事件及事件處理程序106

6.2JavaScript的常用事件107

6.2.1鍵盤(pán)事件107

6.2.2鼠標(biāo)事件108

6.2.3onload事件和onunload事件110

6.2.4表單事件112

第7章JavaScript網(wǎng)頁(yè)特效114

7.1文字特效114

7.1.1跑馬燈效果114

7.1.2打字效果115

7.1.3文字大小變化效果117

7.2圖片特效118

7.2.1改變頁(yè)面中圖片的位置118

7.2.2鼠標(biāo)拖動(dòng)滑塊改變圖片大小119

7.2.3不斷閃爍的圖片122

7.3時(shí)間和日期特效123

7.3.1標(biāo)題欄顯示分時(shí)問(wèn)候語(yǔ)123

7.3.2顯示當(dāng)前系統(tǒng)時(shí)間124

7.3.3星期查詢(xún)功能124

7.4鼠標(biāo)特效125

7.4.1屏蔽鼠標(biāo)右鍵125

7.4.2獲取鼠標(biāo)位置坐標(biāo)125

7.4.3移動(dòng)改變鼠標(biāo)外觀126

7.5菜單特效128

7.5.1左鍵彈出菜單128

7.5.2下拉菜單129

7.5.3滾動(dòng)菜單131

7.6表單特效136

7.6.1控制用戶(hù)輸入字符個(gè)數(shù)136

7.6.2設(shè)置單選按鈕138

7.6.3設(shè)置復(fù)選框139

7.6.4設(shè)置下拉菜單141

第8章jQuery基礎(chǔ)143

8.1jQuery概述143

8.1.1jQuery簡(jiǎn)介143

8.1.2jQuery的功能151

8.1.3jQuery的特點(diǎn)152

8.1.4下載并使用jQuery152

8.2jQuery的“＄”153

8.2.1選擇器153

8.2.2功能函數(shù)前綴155

8.2.3解決window.onload函數(shù)的沖突155

8.2.4創(chuàng)建DOM元素156

8.2.5自定義添加“$”157

8.2.6解決“$”的沖突157

8.3jQuery對(duì)象與DOM對(duì)象157

8.4案例——我的第一個(gè)jQuery程序159

第9章jQuery選擇器161

9.1jQuery選擇器簡(jiǎn)介161

9.2jQuery選擇器的分類(lèi)161

9.3jQuery中元素屬性的操作163

9.3.1設(shè)置元素屬性164

9.3.2刪除元素屬性165

9.4jQuery中樣式類(lèi)的操作165

9.4.1添加樣式類(lèi)165

9.4.2移除樣式類(lèi)167

9.4.3交替樣式類(lèi)168

9.5jQuery中樣式屬性的操作169

9.5.1讀取樣式屬性169

9.5.2設(shè)置樣式屬性170

9.5.3設(shè)置元素偏移171

9.6jQuery中元素內(nèi)容的操作171

9.6.1操作HTML代碼172

9.6.2操作文本172

9.6.3操作表單元素的值173

9.7篩選與查找元素集中的元素175

第10章使用jQuery制作動(dòng)畫(huà)與特效185

10.1顯示與隱藏效果185

10.1.1隱藏元素的hide()方法185

10.1.2顯示元素的show()方法186

10.1.3交替顯示隱藏元素188

10.2滑動(dòng)效果191

10.2.1向上收縮效果191

10.2.2向下展開(kāi)效果192

10.2.3交替伸縮效果193

10.3淡入淡出效果194

10.3.1淡入效果195

10.3.2淡出效果195

10.3.3交替淡入淡出效果196

10.3.4不透明效果197

10.4自定義動(dòng)畫(huà)效果197

10.4.1自定義動(dòng)畫(huà)197

10.4.2動(dòng)畫(huà)隊(duì)列198

10.4.3動(dòng)畫(huà)停止和延時(shí)199

第11章jQuery與AJAX203

11.1AJAX簡(jiǎn)介203

11.1.1AJAX概述203

11.1.2AJAX原理和XmlHttpRequest對(duì)象203

11.1.3jQuery AJAX操作函數(shù)205

11.2jQuery中的AJAX方法206

11.2.1load()方法206

11.2.2$.get()方法和$.post()方法208

11.2.3$.getScript()方法和$.getJSON()方法210

11.2.4$.ajax()方法210

11.3jQuery中的AJAX事件211

第12章jQuery插件的開(kāi)發(fā)與使用214

12.1jQuery插件214

12.2常用jQuery插件215

12.3開(kāi)發(fā)自己的插件220

參考文獻(xiàn)224

第1章JavaScript概述1

1.1JavaScript簡(jiǎn)介1

1.2JavaScript的編輯工具2

1.3JavaScript的嵌入4

1.4上機(jī)練習(xí)6

第2章JavaScript基礎(chǔ)8

2.1JavaScript的語(yǔ)法規(guī)則8

2.2數(shù)據(jù)類(lèi)型10

2.3運(yùn)算符和表達(dá)式11

2.4上機(jī)練習(xí)13

2.5流程控制16

2.5.1選擇結(jié)構(gòu)16

2.5.2循環(huán)結(jié)構(gòu)21

2.6函數(shù)23

2.6.1函數(shù)的定義和調(diào)用24

2.6.2帶有返回值的函數(shù)25

2.6.3變量的作用域26

第3章應(yīng)用CSS28

3.1CSS概述28

3.1.1CSS的優(yōu)點(diǎn)28

3.1.2如何編輯CSS29

3.2CSS選擇器29

3.2.1CSS基本語(yǔ)法30

3.2.2標(biāo)簽選擇器30

3.2.3類(lèi)選擇器31

3.2.4ID選擇器31

3.2.5其他選擇器32

3.3CSS的使用方法36

3.3.1行內(nèi)樣式36

3.3.2內(nèi)嵌式37

3.3.3鏈接式38

3.3.4導(dǎo)入樣式39

3.3.5用腳本來(lái)運(yùn)用CSS樣式40

3.4CSS應(yīng)用42

3.4.1長(zhǎng)度單位和顏色單位42

3.4.2CSS設(shè)置字體43

3.4.3CSS設(shè)置文本46

3.4.4CSS設(shè)置圖像50

3.4.5CSS設(shè)置背景51

3.4.6CSS設(shè)置超鏈接55

3.4.7CSS設(shè)置鼠標(biāo)特效56

3.4.8CSS制作實(shí)用菜單57

第4章DOM模型61

4.1DOM簡(jiǎn)介61

4.2DOM編程基礎(chǔ)62

4.3DOM節(jié)點(diǎn)操作65

4.3.1獲取DOM中的元素65

4.3.2節(jié)點(diǎn)的常用屬性和方法69

4.3.3檢測(cè)節(jié)點(diǎn)類(lèi)型70

4.3.4利用父子兄關(guān)系查找節(jié)點(diǎn)70

4.3.5設(shè)置節(jié)點(diǎn)屬性75

4.3.6創(chuàng)建和添加節(jié)點(diǎn)76

4.3.7刪除節(jié)點(diǎn)78

4.3.8替換節(jié)點(diǎn)79

4.3.9在特定節(jié)點(diǎn)前插入節(jié)點(diǎn)80

4.3.10在特定節(jié)點(diǎn)后插入節(jié)點(diǎn)81

4.4使用非標(biāo)準(zhǔn)DOM innerHTML屬性83

4.5DOM與CSS84

4.5.1三位一體的頁(yè)面84

4.5.2使用className屬性85

第5章JavaScript中的對(duì)象87

5.1對(duì)象的基本概念 87

5.2內(nèi)置對(duì)象88

5.2.1字符串對(duì)象88

5.2.2數(shù)字對(duì)象90

5.2.3算數(shù)對(duì)象92

5.2.4日期對(duì)象94

5.2.5數(shù)組對(duì)象96

5.2.6瀏覽器對(duì)象98

5.2.7文檔對(duì)象99

5.2.8窗口對(duì)象102

第6章JavaScript中的事件與事件處理105

6.1事件及事件處理程序105

6.2JavaScript的常用事件106

6.2.1鍵盤(pán)事件106

6.2.2鼠標(biāo)事件107

6.2.3onload事件和onUnload事件109

6.2.4表單事件111

第7章JavaScript網(wǎng)頁(yè)特效113

7.1文字特效113

7.1.1跑馬燈效果113

7.1.2打字效果114

7.1.3文字大小變化效果116

7.2圖片特效117

7.2.1改變頁(yè)面中圖片的位置117

7.2.2鼠標(biāo)拖動(dòng)滑塊改變圖片大小118

7.2.3不斷閃爍的圖片121

7.3時(shí)間和日期特效122

7.3.1標(biāo)題欄顯示分時(shí)問(wèn)候語(yǔ)122

7.3.2顯示當(dāng)前系統(tǒng)時(shí)間123

7.3.3星期查詢(xún)功能123

7.4鼠標(biāo)特效123

7.4.1屏蔽鼠標(biāo)右鍵124

7.4.2獲取鼠標(biāo)位置坐標(biāo)124

7.4.3移動(dòng)改變鼠標(biāo)外觀125

7.5菜單特效127

7.5.1左鍵彈出菜單127

7.5.2下拉菜單128

7.5.3滾動(dòng)菜單129

7.6表單特效135

7.6.1控制用戶(hù)輸入字符個(gè)數(shù)135

7.6.2設(shè)置單選按鈕137

7.6.3設(shè)置復(fù)選框138

7.6.4設(shè)置下拉菜單140

第8章jQuery基礎(chǔ)142

8.1jQuery概述142

8.1.1jQuery簡(jiǎn)介142

8.1.2jQuery的功能150

8.1.3jQuery的特點(diǎn)151

8.1.4下載并使用jQuery151

8.2jQuery的“＄”152

8.2.1選擇器152

8.2.2功能函數(shù)前綴154

8.2.3解決windows.onload函數(shù)的沖突154

8.2.4創(chuàng)建DOM元素155

8.2.5自定義添加“$”156

8.2.6解決“$”的沖突156

8.3jQuery對(duì)象與DOM對(duì)象156

8.4案例——我的第一個(gè)jQuery程序158

第9章jQuery選擇器160

9.1jQuery選擇器簡(jiǎn)介160

9.2jQuery選擇器的分類(lèi)160

9.3jQuery中元素屬性的操作162

9.3.1設(shè)置元素屬性163

9.3.2刪除元素屬性164

9.4jQuery中樣式類(lèi)的操作164

9.4.1添加樣式類(lèi)164

9.4.2移除樣式類(lèi)166

9.4.3交替樣式類(lèi)167

9.5jQuery中樣式屬性的操作168

9.5.1讀取樣式屬性168

9.5.2設(shè)置樣式屬性169

9.5.3設(shè)置元素偏移170

9.6jQuery中元素內(nèi)容的操作170

9.6.1操作HTML代碼170

9.6.2操作文本171

9.6.3操作表單元素的值172

9.7篩選與查找元素集中的元素173

第10章使用jQuery制作動(dòng)畫(huà)與特效184

10.1顯示與隱藏效果184

10.1.1隱藏元素的hide()方法184

10.1.2顯示元素的show()方法185

10.1.3交替顯示隱藏元素187

10.2滑動(dòng)效果190

10.2.1向上收縮效果190

10.2.2向下展開(kāi)效果191

10.2.3交替伸縮效果192

10.3淡入淡出效果193

10.3.1淡入效果193

10.3.2淡出效果194

10.3.3交替淡入淡出效果195

10.3.4不透明效果195

10.4自定義動(dòng)畫(huà)效果196

10.4.1自定義動(dòng)畫(huà)196

10.4.2動(dòng)畫(huà)隊(duì)列197

10.4.3動(dòng)畫(huà)停止和延時(shí)198

第11章jQuery與AJAX202

11.1AJAX簡(jiǎn)介202

11.1.1AJAX概述202

11.1.2AJAX原理和XmlHttpRequest對(duì)象202

11.1.3jQuery AJAX操作函數(shù)204

11.2jQuery中的AJAX方法205

11.2.1load()方法205

11.2.2$.get()方法和$.post()方法207

11.2.3$.getScript()方法和$.getJSON()方法209

11.2.4$.ajax()方法209

11.3jQuery中的AJAX事件210

第12章jQuery的插件的開(kāi)發(fā)與使用213

12.1jQuery插件213

12.2常用jQuery插件214

12.3開(kāi)發(fā)自己的插件219

參考文獻(xiàn)223