JavaScript前端開發(fā)實用技術(shù)教程

第1篇　基礎篇
第1章　Web前端開發(fā)技術(shù)概述　2
1．1　Web應用程序的架構(gòu)與工作原理　2
1．1．1　Web應用程序設計語言的產(chǎn)生與發(fā)展　2
1．1．2　Web應用程序的組成及各部分的主要功能　5
1．1．3　Web應用程序的基本開發(fā)流程　6
1．2　Web前端開發(fā)實用技術(shù)概述　7
1．2．1　什么是Web前端開發(fā)　7
1．2．2　Web前端開發(fā)的要素　8
1．3　HTML基礎　8
1．3．1　HTML網(wǎng)頁的基本結(jié)構(gòu)　8
1．3．2　設置網(wǎng)頁背景和顏色　9
1．3．3　設置字體屬性　11
1．3．4　超級鏈接　12
1．3．5　圖像和動畫　13
1．3．6　表格　14
1．3．7　使用框架　15
1．3．8　其他常用標簽　16
練習題　19
第2章　JavaScript語言基礎　20
2．1　JavaScript簡介　20
2．1．1　在HTML中插入JavaScript代碼　20
2．1．2　使用js文件　21
2．2　JavaScript與Java的比較　21
2．3　JavaScript編輯和調(diào)試工具　22
2．3．1　使用EditPlus編輯JavaScript程序　22
2．3．2　Eclipse開發(fā)平臺簡介　24
2．3．3　編輯JavaScript的Eclipse插件JSEclipse　26
2．3．4　使用Dreamweaver編輯JavaScript程序　30
2．3．5　調(diào)試JavaScript程序的方法　32
2．4　數(shù)據(jù)類型、常量和變量　34
2．4．1　數(shù)據(jù)類型　34
2．4．2　常量　34
2．4．3　變量　35
2．5　運算符和表達式　36
2．5．1　運算符　36
2．5．2　表達式　39
2．6　常用語句　40
2．6．1　注釋　40
2．6．2　賦值語句　40
2．6．3　if語句　41
2．6．4　switch語句　43
2．6．5　循環(huán)語句　44
練習題　47
第3章　JavaScript函數(shù)　49
3．1　內(nèi)置函數(shù)　49
3．1．1　alert()函數(shù)　49
3．1．2　confirm()函數(shù)　50
3．1．3　escape()函數(shù)　50
3．1．4　unescape()函數(shù)　51
3．1．5　eval()函數(shù)　51
3．1．6　isNaN()函數(shù)　52
3．1．7　parseFloat()函數(shù)　53
3．1．8　parseInt()函數(shù)　53
3．1．9　prompt()函數(shù)　53
3．2　自定義函數(shù)　54
3．2．1　創(chuàng)建自定義函數(shù)　54
3．2．2　調(diào)用JavaScript函數(shù)　55
3．2．3　變量的作用域　56
3．2．4　函數(shù)的返回值　57
3．3　函數(shù)庫　57
3．3．1　定義函數(shù)庫　58
3．3．2　引用函數(shù)庫　58
練習題　58
第2篇　進階篇
第4章　JavaScript面向?qū)ο蟪绦蛟O計　62
4．1　面向?qū)ο蟪绦蛟O計思想簡介　62
4．2　JavaScript內(nèi)置對象　63
4．2．1　JavaScript的內(nèi)置對象框架　63
4．2．2　基類Object　64
4．2．3　Date類　64
4．2．4　String類　65
4．2．5　Array類　73
4．2．6　Math對象　77
4．3　DOM編程　78
4．3．1　HTML DOM框架　78
4．3．2　document 對象　79
4．3．3　DOM對象的屬性　80
4．3．4　DOM對象的方法　81
4．4　BOM編程　83
4．4．1　Window對象　84
4．4．2　Navigator對象　87
練習題　88
第5章　JavaScript事件處理　89
5．1　JavaScript事件的基本概念　89
5．1．1　什么是事件　89
5．1．2　DOM事件流　90
5．1．3　事件監(jiān)聽器　91
5．2　HTML事件　92
5．2．1　鼠標事件　92
5．2．2　Event對象　93
5．2．3　鍵盤事件　94
5．2．4　頁面事件　95
5．2．5　表單事件　95
5．3　干預系統(tǒng)的事件處理機制　96
5．3．1　停止事件冒泡　96
5．3．2　阻止事件的默認行為　97
練習題　98
第6章　JavaScript表單編程　100
6．1　HTML表單概述　100
6．1．1　定義表單　100
6．1．2　文本框　101
6．1．3　文本區(qū)域　102
6．1．4　單選按鈕　102
6．1．5　復選框　103
6．1．6　組合框　103
6．1．7　按鈕　104
6．2　使用JavaScript訪問和操作表單元素　105
6．2．1　獲取表單對象　105
6．2．2　獲取表單元素對象　107
6．2．3　操作表單元素　109
6．3　操作表單　110
6．3．1　提交表單　110
6．3．2　重置表單　110
6．3．3　表單驗證　111
練習題　112
第3篇　高級應用篇
第7章　JavaScript CSS編程　114
7．1　CSS基礎　114
7．1．1　什么是CSS　114
7．1．2　在HTML文檔中應用CSS　115
7．2　CSS 選擇器　117
7．2．1　類別選擇器　117
7．2．2　#id選擇器　118
7．2．3　選擇所有元素　118
7．2．4　選擇所有指定類型的元素　118
7．2．5　element，element選擇器　118
7．2．6　element element選擇器　118
7．2．7　element>element選擇器　118
7．2．8　element+element選擇器　119
7．2．9　[attribute]選擇器　119
7．2．10　[attribute=value]選擇器　119
7．2．11　[attribute~=value]選擇器　119
7．2．12　[attribute|=value]選擇器　119
7．2．13　其他常用的CSS選擇器　120
7．3　定義網(wǎng)頁和元素的樣式　122
7．3．1　顏色與背景　122
7．3．2　設置字體　123
7．3．3　設置文本對齊　125
7．3．4　超鏈接　125
7．3．5　列表　126
7．4　CSS布局　128
7．4．1　CSS布局設計概述　128
7．4．2　CSS框模型　129
7．4．3　CSS輪廓　133
7．4．4　浮動元素　134
7．4．5　Div+CSS網(wǎng)頁布局實例　135
7．5　CSS3的新技術(shù)　136
7．5．1　實現(xiàn)圓角效果　136
7．5．2　多彩的邊框　139
7．5．3　陰影　140
7．5．4　透明度　141
7．5．5　旋轉(zhuǎn)　142
7．6　JavaScript CSS編程　143
7．6．1　使用JavaScript修改CSS樣式表的屬性　143
7．6．2　使用JavaScript修改HTML元素的樣式屬性　145
練習題　146
第8章　Ajax編程　147
8．1　Ajax編程基礎　147
8．1．1　創(chuàng)建XMLHttpRequest對象　147
8．1．2　發(fā)送HTTP請求　148
8．1．3　從服務器接收數(shù)據(jù)　148
8．1．4　進行HTTP頭(HEAD)請求　151
8．1．5　超時控制　153
8．1．6　使用FormData對象向服務器發(fā)送數(shù)據(jù)　153
8．2　Ajax應用實例　156
8．2．1　自動刷新局部頁面　156
8．2．2　使用FormData對象上傳文件　158
練習題　162
第9章　JavaScript HTML5編程　164
9．1　HTML5的新特性　164
9．1．1　簡化的文檔類型和字符集　164
9．1．2　HTML5的新結(jié)構(gòu)　165
9．1．3　HTML5的新增內(nèi)聯(lián)元素　166
9．1．4　全新的表單設計　166
9．1．5　強大的繪圖和多媒體功能　167
9．1．6　打造桌面應用的一系列新功能　167
9．1．7　獲取地理位置信息　168
9．1．8　支持多線程　168
9．1．9　瀏覽器對HTML5的支持　168
9．2　HTML5拖放功能　169
9．2．1　什么是拖放　169
9．2．2　設置元素為可拖放　170
9．2．3　拖放事件　170
9．2．4　傳遞拖曳數(shù)據(jù)　171
9．2．5　HTML5拖放的實例　172
9．3　無插件播放多媒體　174
9．3．1　HTML5音頻　174
9．3．2　HTML5視頻　180
9．4　獲取瀏覽器的地理位置信息　186
9．4．1　什么是瀏覽器地理位置　187
9．4．2　瀏覽器對獲取地理位置信息的支持情況　187
9．4．3　獲取地理位置信息　188
9．4．4　數(shù)據(jù)保護　191
練習題　194
第10章　最流行的JavaScript腳本庫jQuery　197
10．1　jQuery基礎　197
10．1．1　下載jQuery　197
10．1．2　初識jQuery　198
10．2　jQuery選擇器　199
10．2．1　基礎選擇器　199
10．2．2　層次選擇器　202
10．2．3　基本過濾器　207
10．2．4　內(nèi)容過濾器　209
10．2．5　可見性過濾器　210
10．2．6　屬性過濾器　211
10．2．7　子元素過濾器　213
10．3　設置HTML元素的屬性與CSS樣式　214
10．3．1　設置HTML元素的屬性　214
10．3．2　設置CSS樣式　217
10．4　表單編程　220
10．4．1　表單選擇器　220
10．4．2　表單過濾器　223
10．4．3　表單API　225
10．5　事件和Event對象　228
10．5．1　事件處理函數(shù)　228
10．5．2　Event對象　228
10．5．3　綁定到事件處理函數(shù)　230
10．5．4　鍵盤事件　231
10．5．5　鼠標事件　232
10．5．6　文檔加載事件　234
10．5．7　瀏覽器事件　234
10．6　jQuery動畫　235
10．6．1　執(zhí)行自定義的動畫　235
10．6．2　顯示和隱藏HTML元素　236
10．6．3　淡入淡出效果　238
10．6．4　滑動效果　241
10．6．5　動畫隊列　243
10．7　jQuery特效應用實例　245
10．7．1　幻燈片式畫廊　246
10．7．2　使用jQuery+CSS3設計旋轉(zhuǎn)切換圖片的幻燈片　252
10．7．3　設計上下翻滾效果的導航菜單　255
練習題　257
第11章　JavaScript特效應用實例　258
11．1　提示條和工具欄　258
11．1．1　鼠標懸停在圖片上時顯示文字提示　258
11．1．2　設計固定在網(wǎng)頁頂部的工具欄　261
11．2　頁面顯示特效　264
11．2．1　QQ在線客服浮動窗口　264
11．2．2　欄目輪流顯示的特效　266
11．3　圖片展示　268
11．3．1　滾動的畫廊　268
11．3．2　在網(wǎng)頁上浮動廣告圖片　271
11．4　菜單設計　271
11．4．1　切換欄目的菜單　271
11．4．2　jQuery設計的下拉菜單　273
附錄　實驗　276
實驗1　HTML基礎　276
實驗2　JavaScript編程　278
實驗3　JavaScript編輯和調(diào)試工具　279
實驗4　JavaScript函數(shù)　280
實驗5　JavaScript面向?qū)ο蟪绦蛟O計　282
實驗6　JavaScript事件處理　284
實驗7　JavaScript表單編程　285
實驗8　JavaScript CSS編程　286
實驗9　Ajax編程　287
實驗10　JavaScript HTML5編程　288
實驗11　jQuery編程　291
實驗12　JavaScript特效應用實例　293