●第1篇 基礎知識
第1章 零基礎入門——熟悉JavaScript3
1.1 認識JavaScript4
1.1.1 什麼是JavaScript4
1.1.2 JavaScript的特點4
1.1.3 JavaScript與Java的區別5
1.1.4 JavaScript版本6
1.2 JavaScript的編寫工具7
1.2.1 記事本7
1.2.2 Dreamweaver CC8
1.3 JavaScript在HTML 5中的使用9
1.3.1 在HTML 5網頁頭中嵌入JavaScript代碼9
1.3.2 在HTML 5網頁中嵌入JavaScript代碼10
1.3.3 在HTML 5素事件中嵌入JavaScript代碼11
1.3.4 在HTML 5中調用已經存在的JavaScript文件12
1.3.5 通過JavaScript偽URL引入JavaScript腳本代碼13
1.4 JavaScript和瀏覽器14
1.4.1 在Internet Explorer中調用JavaScript代碼14
1.4.2 在Firefox中調用JavaScript代碼14
1.4.3 在Opera中調用JavaScript代碼15
1.4.4 瀏覽器中的文檔對像類型(DOM)15
1.5 實戰演練——一個簡單的JavaScript示例15
1.6 疑難解惑16
第2章 讀懂代碼的前提——JavaScript 編程基礎19
2.1 JavaScript的基本語法20
2.1.1 執行順序20
2.1.2 區分大小寫20
2.1.3 分號與空格20
2.1.4 對代碼行進行折行21
2.1.5 注釋21
2.1.6 語句22
2.1.7 語句塊23
2.2 JavaScript的數據結構24
2.2.1 標識符24
2.2.2 關鍵字25
2.2.3 保留字25
2.2.4 常量26
2.2.5 變量26
2.3 看透代碼中的數據類型28
2.3.1 typeof運算符28
2.3.2 未定義類型29
2.3.3 空值類型30
2.3.4 布爾類型30
2.3.5 數值類型31
2.3.6 字符串類型31
2.3.7 對像類型32
2.4 數據間的計算法則——運算符32
2.4.1 算術運算符33
2.4.2 比較運算符34
2.4.3 位運算符35
2.4.4 邏輯運算符36
2.4.5 條件運算符37
2.4.6 賦值運算符38
2.4.7 運算符的優先級39
2.5 JavaScript的表達式40
2.5.1 賦值表達式40
2.5.2 算術表達式41
2.5.3 布爾表達式42
2.5.4 字符串表達式43
2.5.5 類型轉換43
2.6 實戰演練——局部變量和全局變量的優先級44
2.7 疑難解惑46
第3章 改變程序執行方向——控制結構與語句47
3.1 基本處理流程48
3.2 賦值語句49
3.3 條件判斷語句49
3.3.1 if語句49
3.3.2 if…else語句50
3.3.3 if…else if語句51
3.3.4 if語句的嵌套52
3.3.5 switch語句53
3.4 循環控制語句54
3.4.1 while語句55
3.4.2 do…while語句55
3.4.3 for循環56
3.5 跳轉語句57
3.5.1 break語句57
3.5.2 continue語句58
3.6 使用對話框59
3.7 實戰演練——簡單易用的即將開始61
3.8 疑難解惑62
第4章 邏輯功能的代碼組合——函數63
4.1 函數簡介64
4.2 調用函數64
4.2.1 函數的簡單調用64
4.2.2 在表達式中調用函數65
4.2.3 在事件響應中調用函數66
4.2.4 通過鏈接調用函數66
4.3 JavaScript中常用的函數67
4.3.1 嵌套函數67
4.3.2 遞歸函數68
4.3.3 內置函數69
4.4 實戰演練——購物簡易計算器76
4.5 疑難解惑78
第5章 對像與數組79
5.1 了解對像80
5.1.1 什麼是對像80
5.1.2 面向對像編程81
5.1.3 JavaScript的內部對像82
5.2 對像訪問語句83
5.2.1 for…in循環語句83
5.2.2 with語句84
5.3 JavaScript中的數組85
5.3.1 結構化數據85
5.3.2 創建和訪問數組對像85
5.3.3 使用for…in語句88
5.3.4 Array對像的常用屬性和方法88
5.4 詳解常用的數組對像方法96
5.4.1 連接其他數組到當前數組96
5.4.2 素連接為字符串97
5.4.3 移除數組中最素97
5.4.4 將指定的數值添加到數組中98
5.4.5 反序排列數素99
5.4.6 刪除數組中的素99
5.4.7 獲取數組中的一部分數據100
5.4.8 對數素進行排序101
5.4.9 將數組轉換成字符串102
5.4.10 將數組轉換成本地字符串103
5.4.11 在數組開頭插入數據103
5.5 創建和使用自定義對像104
5.5.1 通過構造函數定義對像104
5.5.2 通過對像直接初始化定義對像106
5.5.3 修改和刪除對像實例的屬性107
5.5.4 通過原型為對像添加新屬性和新方法108
5.5.5 自定義對像的嵌套109
5.5.6 內存的分配和釋放111
5.6 實戰演練——利用二維數組創建動態下拉菜單112
5.7 疑難解惑113
第6章 日期與字符串對像115
6.1 日期對像116
6.1.1 創建日期對像116
6.1.2 Date對像屬性117
6.1.3 日期對像的常用方法117
6.2 詳解日期對像的常用方法120
6.2.1 返回當前日期和時間120
6.2.2 以不同的格式顯示當前日期121
6.2.3 返回日期所對應的是星期幾122
6.2.4 顯示當前時間122
6.2.5 返回距1970年1月1日午夜的時間差123
6.2.6 以不同的格式來顯示UTC日期124
6.2.7 根據世界時返回日期對應的是星期幾125
6.2.8 以不同的格式來顯示UTC時間125
6.2.9 設置日期對像中的年份、月份與日期值126
6.2.10 設置日期對像中的小時、分鐘與秒鐘值127
6.2.11 以UTC日期對Date對像進行設置128
6.2.12 返回當地時間與UTC時間的差值129
6.2.13 將Date對像中的日期轉化為字符串格式130
6.2.14 返回一個以UTC時間表示的日期字符串130
6.2.15 將日期對像轉化為本地日期131
6.2.16 日期間的運算131
6.3 字符串對像132
6.3.1 創建字符串對像132
6.3.2 字符串對像的常用屬性133
6.3.3 字符串對像的常用方法134
6.4 詳解字符串對像的常用方法135
6.4.1 設置字符串字體屬性135
6.4.2 以閃爍方式顯示字符串136
6.4.3 轉換字符串的大小寫136
6.4.4 連接字符串137
6.4.5 比較兩個字符串的大小138
6.4.6 分割字符串139
6.4.7 從字符串中提取字符串139
6.5 實戰演練1——制作網頁隨機驗證碼140
6.6 實戰演練2——制作動態時鐘142
6.7 疑難解惑143
第2篇 核心技術
第7章 數值與數學對像147
7.1 Number對像148
7.1.1 創建Number對像148
7.1.2 Number對像的屬性148
7.1.3 Number對像的方法151
7.2 詳解Number對像常用的方法152
7.2.1 把Number對像轉換為字符串152
7.2.2 把Number對像轉換為本地格式字符串153
7.2.3 四舍五入時指定小數位數153
7.2.4 返回以指數記數法表示的數值154
7.2.5 以指數記數法指定小數位154
7.3 Math對像155
7.3.1 創建Math對像155
7.3.2 Math對像的屬性155
7.3.3 Math對像的方法157
7.4 詳解Math對像常用的方法158
7.4.1 返回數的絕對值158
7.4.2 返回數的正弦值、正切值和餘弦值158
7.4.3 返回數的反正弦值、反正切值和反餘弦值160
7.4.4 返回兩個或多個參數中的優選值或最小值162
7.4.5 計算指定數值的平方根163
7.4.6 數值的冪運算164
7.4.7 計算指定數值的對數165
7.4.8 取整運算165
7.4.9 生成0到1之間的隨機數166
7.4.10 根據指定的坐標返回一個弧度值167
7.4.11 返回大於或等於指定參數的最小整數167
7.4.12 返回小於或等於指定參數的優選整數168
7.4.13 返回以e為基數的冪169
7.5 實戰演練——使用Math對像設計程序170
7.6 疑難解惑171
第8章 JavaScript的調試與優化173
8.1 常見的錯誤和異常174
8.2 處理異常的方法175
8.2.1 用onerror事件處理異常175
8.2.2 用try…catch…finally語句處理異常177
8.2.3 使用throw語句拋出異常178
8.3 使用調試器179
8.3.1 IE瀏覽器內建的錯誤報告179
8.3.2 用Firefox錯誤控制臺調試180
8.4 JavaScript語言調試技巧181
8.4.1 用alert()語句進行調試181
8.4.2 用write()語句進行調試181
8.5 JavaScript優化182
8.5.1 減緩代碼下載時間182
8.5.2 合理聲明變量183
8.5.3 使用內置函數縮短編譯時間183
8.5.4 合理書寫if語句183
8.5.5 最小化語句數量184
8.5.6 節約使用DOM184
8.6 疑難解惑185
第9章 文檔對像模型與事件驅動187
9.1 文檔對像模型188
9.1.1 認識文檔對像模型189
9.1.2 文檔對像的產生過程190
9.2 訪問節點191
9.2.1 節點的基本概念191
9.2.2 節點的基本操作192
9.3 文檔對像模型的屬性和方法203
9.4 在DOM模型中獲得對像205
9.5 疑難解惑206
第10章 document對像209
10.1 文檔對像概述210
10.2 文檔對像的屬性和方法210
10.2.1 文檔對像的屬性210
10.2.2 文檔對像的方法211
10.3 文檔對像的應用211
10.3.1 設置頁面顯示顏色211
10.3.2 網頁錨點的設置215
10.3.3 窗體對像form的應用217
10.3.4 在文檔中輸出數據218
10.3.5 打開新窗口並輸出內容220
10.3.6 引用文檔中的表單和圖片221
10.3.7 設置文檔中的超鏈接223
10.4 實戰演練——綜合使用各種對話框224
10.5 疑難解惑226
第11章 window對像227
11.1 了解window對像的屬性和方法228
11.1.1 window對像的屬性228
11.1.2 window對像的方法229
11.2 對話框229
11.2.1 警告對話框229
11.2.2 詢問對話框231
11.2.3 提示對話框232
11.3 窗口操作234
11.3.1 打開窗口234
11.3.2 關閉窗口235
11.3.3 控制窗口狀態欄236
11.4 實戰演練——設置彈出窗口237
11.5 疑難解惑239
第12章 事件處理241
12.1 了解事件與事件處理242
12.1.1 事件與事件處理概述242
12.1.2 JavaScript的常用事件242
12.1.3 事件處理程序的調用245
12.2 鼠標和鍵盤事件246
12.2.1 鼠標的單擊事件246
12.2.2 鼠標的按下與松開事件247
12.2.3 鼠標的移入與移出事件248
12.2.4 鼠標的移動事件249
12.2.5 鍵盤事件250
12.3 JavaScript處理事件的方式251
12.3.1 匿名函數方式251
12.3.2 顯式聲明方式252
12.3.3 手工觸發方式253
12.4 實戰演練——通過事件控制文本框的背景顏色254
12.5 疑難解惑256
第3篇 高級應用
第13章 JavaScript控制表單和樣式表259
13.1 表單在JavaScript中的應用260
13.1.1 HTML表單基礎260
13.1.2 編素的腳本263
13.1.3 使用JavaScript獲取網頁內容實現數據驗證268
13.2 DHTML簡介269
13.3 前臺動態網頁效果270
13.3.1 動態內容270
13.3.2 動態樣式271
13.3.3 動態定位272
13.3.4 顯示與隱藏275
13.4 實戰演練1——創建用戶反饋表單276
13.5 實戰演練2——控制表單背景色和文字提示277
13.6 疑難解惑279
第14章 頁面打印和瀏覽器檢測281
14.1 使用WebBrowser組件的execWB()方法打印282
14.2 打印指定框架中的內容286
14.3 分頁打印287
14.4 設置頁眉/頁腳290
14.5 瀏覽器檢測對像293
14.5.1 瀏覽器對像的屬性293
14.5.2 檢測瀏覽器的名稱與版本294
14.6 疑難解惑294
第15章 Cookie的概念、常用方法和技巧295
15.1 Cookie概述296
15.1.1 設置Cookie296
15.1.2 保存Cookie數據299
15.2 Cookie的常見操作300
15.2.1 創建Cookie300
15.2.2 讀取Cookie數據301
15.2.3 刪除Cookie301
15.3 實戰演練——在歡迎界面中設置和檢查Cookie302
15.4 疑難解惑303
第16章 JavaScript和Ajax技術305
16.1 Ajax快速入門306
16.1.1 什麼是Ajax306
16.1.2 Ajax素309
16.1.3 CSS在Ajax應用中的地位309
16.2 Ajax的核心技術310
16.2.1 全面剖析XMLHttpRequest對像310
16.2.2 發出Ajax請求312
16.2.3 處理服務器響應313
16.3 實戰演練1——制作自由拖放的網頁315
16.4 實戰演練2——制作加載條320
16.5 疑難解惑321
第17章 JavaScript的優秀倉庫—— jQuery323
17.1 jQuery概述324
17.1.1 jQuery能做什麼324
17.1.2 jQuery的特點324
17.2 jQuery的配置325
17.3 jQuery選擇器325
17.3.1 jQuery的工廠函數325
17.3.2 常見的選擇器326
17.4 jQuery控制頁面328
17.4.1 對標記的屬性進行操作328
17.4.2 素進行操作330
17.5 jQuery的事件處理332
17.6 jQuery的動畫效果333
17.7 實戰演練——制作絢麗的多級動畫菜單336
17.8 疑難解惑340
第18章 JavaScript的安全性341
18.1 設置IE瀏覽器的安全區域342
18.2 JavaScript代碼安全343
18.2.1 屏蔽部分按鍵343
18.2.2 屏蔽鼠標右鍵345
18.2.3 禁止網頁另存為346
18.2.4 禁止復制網頁內容346
18.3 實戰演練——JavaScript代碼加密348
18.4 疑難解惑349
第4篇 項目案例實戰
第19章 項目實訓1——制作飛機大戰遊戲353
19.1 繫統功能描述354
19.2 繫統功能分析及實現354
19.2.1 功能分析354
19.2.2 功能實現354
19.2.3 程序運行362
第20章 項目實訓2——設計企業門戶類網頁363
20.1 構思布局364
20.1.1 設計分析364
20.1.2 排版架構364
20.2 內容設計365
20.2.1 使用JavaScript技術實現Logo與導航菜單365
20.2.2 Banner區366
20.2.3 資訊區367
20.2.4 版權信息369
20.3 設置鏈接370
第21章 項目實訓3——開發商品信息 展示繫統371
21.1 項目需求分析372
21.2 項目技術分析373
21.3 繫統的代碼實現373
21.3.1 設計首頁373
21.3.2 開發控制器類的文件375
21.3.3 開發數據模型類文件376
21.3.4 開發視圖抽像類的文件378
21.3.5 項目中的其他js文件說明381
《JavaScript動態網站開發案例課堂(微課版)》用實例引導讀者深入學習,采取“基礎知識→核心技術→高級應用→項目案例實戰”的講解模式,深入淺出地講解了JavaScript動態網頁設計和開發動態網站的各項技術及實戰技能。
《JavaScript動態網站開發案例課堂(微課版)》第1篇為基礎知識,主要講解了JavaScript入門知識、JavaScript編程基礎、控制結構與語句、函數、對像與數組、日期與字符串對像等;第2篇為核心技術,主要講解數值與數學對像、JavaScript的調試與優化、文檔對像模型與事件驅動、document對像、window對像、事件處理等;第3篇為高級應用,主要講解JavaScript控制表單和樣式表、頁面打印和瀏覽器檢測、Cookie、JavaScript和Ajax技術、jQuery、JavaScript的安全性等;第4篇為項目案例實戰,主要講解制等