JavaScript + jQuery 程序設計 (慕課版)
內容描述
本書作為JavaScript+jQuery程序設計的教程,系統全面地介紹了有關JavaScript+jQuery網站開發所涉及的各類知識。全書共分17章,內容包括JavaScript簡介、JavaScript語言基礎、JavaScript自定義對象、常用內部對象、JavaScript事件處理、JavaScript常用文檔對象、文檔對象模型、Window對象、AJAX技術、jQuery簡介、jQuery選擇器、jQuery控制頁面、jQuery的事件處理、jQuery的動畫效果、React簡介、綜合開發實例——365影視網站設計、課程設計——購物車設計。全書每章內容都與實例緊密結合,有助於學生理解知識、應用知識,達到學以致用的目的。
本書為慕課版教材,各章節主要內容配備了以二維碼為載體的微課,並在人郵學院(www.rymooc.com)平臺上提供了慕課。此外,本書還提供了課程資源包。資源包中提供了本書所有實例、上機指導、綜合案例的源代碼、製作精良的電子課件PPT、自測題庫(包括選擇題、填空題、操作題題庫及自測試捲等內容)。其中,源代碼全部經過精心測試,能夠在Windows XP、Windows 7系統下編譯和運行。
目錄大綱
第1章 JavaScript簡介 1
1.1 JavaScript簡述 2
1.1.1 JavaScript的起源 2
1.1.2 JavaScript的主要特點 2
1.1.3 JavaScript的應用 3
1.2 編寫JavaScript的工具 4
1.3 JavaScript在HTML中的使用 5
1.3.1 在頁面中直接嵌入JavaScript代碼 5
實例:編寫第一個JavaScript程序
1.3.2 鏈接外部JavaScript文件 8
實例:調用外部JavaScript文件
1.3.3 作為標籤的屬性值使用 10
1.4 JavaScript基本語法 10
1.4.1 執行順序 10
1.4.2 大小寫敏感 10
1.4.3 空格與換行 11
1.4.4 每行結尾的分號 11
1.4.5 註釋 11
小結 11
上機指導 12
習題 12
第2章 JavaScript語言基礎 13
2.1 數據類型 14
2.1.1 數值型 14
實例:數字123不同進制的輸出結果
2.1.2 字符串型 16
實例:定義四個字符串並輸出
2.1.3 布爾型 17
2.1.4 特殊數據類型 18
2.2 常量和變量 18
2.2.1 常量 18
2.2.2 變量 18
實例:輸出兩個變量的值
2.3 運算符和表達式 20
2.3.1 什麼是運算符和表達式 20
2.3.2 運算符的應用 21
實例:應用算術運算符對兩個變量進行運算
2.3.3 表達式中的類型轉換 29
實例:輸出表達式的結果
2.4 JavaScript基本語句 30
2.4.1 條件判斷語句 30
實例:獲取3個數中的最大值
2.4.2 循環控制語句 38
實例:計算100以內所有奇數的和
2.4.3 跳轉語句 43
實例:計算1~100的所有5的倍數的和
2.4.4 異常處理語句 45
實例:使用try…catch…finally語句處理異常
2.5 函數 47
2.5.1 函數的定義 47
2.5.2 函數的調用 48
2.5.3 函數的參數 49
實例:函數參數的使用
2.5.4 函數的返回值 50
實例:函數返回值的簡單應用
2.5.5 嵌套函數 51
實例:函數嵌套調用的應用
2.5.6 遞歸函數 53
實例:遞歸函數的應用
2.5.7 變量的作用域 54
2.5.8 內置函數 55
2.5.9 定義函數的其他方法 60
實例:獲取從1到給定參數之間的所有3的倍數
小結 61
上機指導 61
習題 62
第3章 JavaScript自定義對象 63
3.1 對像簡介 64
3.1.1 什麼是對象 64
3.1.2 對象的屬性和方法 64
3.1.3 JavaScript對象的種類 64
3.2 自定義對象的創建 65
3.2.1 直接創建自定義對象 65
3.2.2 通過自定義構造函數創建對象 66
實例:創建一個球員對象Player
3.2.3 通過系統內置的Object對象創建自定義對象 69
實例:創建一個圖書對象book
3.3 對象訪問語句 71
3.3.1 for…in循環語句 71
實例:輸出對像中的所有屬性和值
3.3.2 with語句 72
小結 73
上機指導 73
習題 74
第4章 常用內部對象 75
4.1 Math對象 76
4.1.1 Math對象的屬性 76
實例:計算圓的周長和麵積
4.1.2 Math對象的方法 76
實例:生成指定位數的隨機數
4.2 Number對象 78
4.2.1 創建Number對象 78
4.2.2 Number對象的屬性 79
4.2.3 Number對象的方法 80
4.3 Date對象 83
4.3.1 創建Date對象 83
4.3.2 Date對象的屬性 85
4.3.3 Date對象的方法 86
實例:輸出當前的日期和時間
4.4 數組對象 89
4.4.1 數組介紹 89
4.4.2 定義數組 90
4.4.3 操作數組元素 91
實例:創建數組並輸出數組元素
4.4.4 數組的屬性 94
實例:在365影視網中循環輸出影片信息
4.4.5 數組的方法 97
實例:將數組中的元素順序顛倒後顯示
4.5 String對象 105
4.5.1 String對象的創建 105
4.5.2 String對象的屬性 105
實例:獲取字符串變量和字符串對象的長度
4.5.3 String對象的方法 107
實例:獲取指定字符在字符串中的出現次數
小結 116
上機指導 116
習題 118
第5章 JavaScript事件處理 119
5.1 事件與事件處理概述 120
5.1.1 什麼是事件 120
5.1.2 JavaScript的常用事件 120
5.1.3 事件的調用 122
5.1.4 事件對象 123
5.2 表單相關事件 123
5.2.1 獲得焦點事件與失去焦點事件 123
實例:改變文本框的背景顏色
5.2.2 失去焦點內容改變事件 125
實例:改變文本框的字體顏色
5.2.3 表單提交與重置事件 126
實例:判斷提交的表單中是否有空文本框
5.3 鼠標鍵盤事件 128
5.3.1 鼠標單擊事件 128
實例:動態改變頁面的背景顏色
5.3.2 鼠標按下和鬆開事件 129
實例:按下鼠標時改變字體顏色
5.3.3 鼠標移入移出事件 130
實例:動態改變圖片的焦點
5.3.4 鼠標移動事件 131
實例:在狀態欄中顯示當前鼠標的位置
5.3.5 鍵盤事件 131
實例:利用鍵盤中的A鍵對頁面進行刷新
5.4 頁面事件 134
5.4.1 加載與卸載事件 134
實例:網頁加載時縮小圖片
5.4.2 頁面大小事件 135
實例:鼠標拖動瀏覽器邊框使其恢復原始大小
小結 136
上機指導 136
習題 137
第6章 JavaScript常用文檔對象 138
6.1 Document對象 139
6.1.1 文檔對象概述 139
6.1.2 文檔對象的常用屬性、方法與事件 139
6.1.3 Document對象的應用 141
實例:設置超鏈接的文字顏色
6.1.4 JavaScript中的cookie設置 146
實例:將表單註冊信息寫入Cookie
6.2 表單對象 153
6.2.1 訪問表單與表單元素 153
6.2.2 表單對象的常用屬性、方法與
事件 154
6.2.3 表單對象的應用 155
實例:驗證表單內容是否為空
6.3 圖像對象 157
6.3.1 圖像對象概述 157
6.3.2 圖像對象的應用 157
實例:圖片置頂
小結 163
上機指導 163
習題 165
第7章 文檔對像模型 166
7.1 DOM概述 167
7.1.1 DOM分層 167
7.1.2 DOM級別 168
7.2 DOM對象節點屬性 168
7.2.1 訪問指定節點 169
實例:訪問指定節點
7.2.2 遍歷文檔樹 170
實例:遍歷文檔樹
7.3 節點 173
7.3.1 創建節點 173
實例:創建新的節點
7.3.2 插入節點 175
實例:插入節點
7.3.3 複製節點 176
實例:複製節點
7.3.4 刪除與替換節點 178
實例:刪除節點
7.4 獲取文檔中的指定元素 180
7.4.1 通過元素的ID屬性獲取元素 180
實例:在365影視網中實現導航菜單功能
7.4.2 通過元素的name屬性獲取元素 183
實例:在365影視網中實現電影圖片輪換效果
7.5 與DHTML相對應的DOM 184
7.5.1 innerHTML和innerText屬性 184
7.5.2 outerHTML和outerText屬性 185
實例:顯示分時問候
小結 187
上機指導 187
習題 188
第8章 Window對象 189
8.1 Window對象概述 190
8.1.1 Window對象的屬性 190
8.1.2 Window對象的方法 190
8.1.3 Window對象的使用 191
8.2 對話框 191
8.2.1 警告對話框 191
實例:彈出警告對話框
8.2.2 確認對話框 192
實例:彈出確認對話框
8.2.3 提示對話框 193
實例:彈出提示對話框並返回相應數據
8.3 打開與關閉窗口 193
8.3.1 打開窗口 194
實例:在365影視網中實現在新窗口中打開影片詳情頁面
8.3.2 關閉窗口 196
實例:關閉子窗口同時刷新父窗口
8.4 控制窗口 198
8.4.1 移動窗口 198
實例:實現窗口的反彈效果
8.4.2 窗口滾動 200
實例:頁面自動滾動
8.4.3 改變窗口大小 202
實例:彈出自動改變大小的窗口
8.4.4 控制窗口狀態欄 203
實例:狀態欄中文字從右向左依次彈出的效果
8.4.5 訪問窗口歷史 205
8.4.6 設置超時 206
8.5 窗口事件 206
8.5.1 通用窗口事件 206
8.5.2 擴展窗口事件 206
小結 207
上機指導 207
習題 208
第9章 AJAX技術 209
9.1 AJAX概述 210
9.1.1 什麼是AJAX 210
9.1.2 AJAX應用案例 210
9.1.3 AJAX的開發模式 211
9.1.4 AJAX的優點 212
9.2 AJAX的技術組成 213
9.2.1 XMLHttpRequest對象 213
9.2.2 XML語言 213
9.2.3 JavaScript腳本語言 215
9.2.4 DOM 215
9.2.5 CSS 215
9.3 XMLHttpRequest對象 215
9.3.1 XMLHttpRequest對象的初始化 216
9.3.2 XMLHttpRequest對象的常用屬性 216
9.3.3 XMLHttpRequest對象的常用方法 218
實例:讀取HTML文件並輸出結果
小結 221
上機指導 221
習題 222
第10章 jQuery簡介 223
10.1 jQuery概述 224
10.1.1 jQuery能做什麼 224
10.1.2 jQuery的特點 225
10.2 jQuery下載與配置 226
10.2.1 下載jQuery 226
10.2.2 配置jQuery 227
10.3 jQuery的插件 227
10.3.1 插件的使用 227
10.3.2 流行的插件 228
小結 230
習題 230
第11章 jQuery選擇器 231
11.1 jQuery的工廠函數 232
11.2 基本選擇器 232
11.2.1 ID選擇器 232
實例:獲取文本框中輸入的值
11.2.2 元素選擇器 233
實例:單擊按鈕修改元素內容
11.2.3 類名選擇器 235
實例:設置元素的CSS樣式
11.2.4 複合選擇器 236
實例:為元素添加新的樣式
11.2.5 通配符選擇器 237
11.3 層級選擇器 237
11.3.1 ancestor descendan選擇器 238
實例:為版權列表設置樣式
11.3.2 parent > child選擇器 239
實例:獲取表單中文本框的值
11.3.3 prev + next選擇器 240
實例:改變匹配元素的背景顏色
11.3.4 prev ~ siblings選擇器 241
實例:篩選頁面中div元素的同輩元素
11.4 過濾選擇器 242
11.4.1 簡單過濾器 242
實例:實現一個帶錶頭的雙色表格
11.4.2 內容過濾器 245
實例:應用內容過濾器匹配單元格
11.4.3 可見性過濾器 247
實例:獲取隱藏和顯示的input元素的值
11.4.4 表單對象的屬性過濾器 247
實例:匹配表單中相應的元素
11.4.5 子元素選擇器 249
11.5 屬性選擇器 249
11.6 表單選擇器 250
實例:匹配表單中相應元素並實現不同的操作
小結 251
上機指導 252
習題 253
第12章 jQuery控制頁面 254
12.1 對元素內容和值進行操作 255
12.1.1 對元素內容操作 255
實例:獲取和設置元素的文本內容與HTML內容
12.1.2 對元素值操作 257
實例:為多行列錶框設置並獲取值
12.2 對DOM節點進行操作 258
12.2.1 查找節點 259
12.2.2 創建節點 259
12.2.3 插入節點 259
12.2.4 刪除、複製與替換節點 260
實例:實現我的開心小農場
12.3 對元素屬性進行操作 264
實例:複選框的全選、反選與全不選
12.4 對元素的CSS樣式操作 268
12.4.1 通過修改CSS類實現樣式操作 268
實例:修改表單元素的CSS樣式
12.4.2 通過修改CSS屬性實現樣式操作 270
實例:生成一個可以編輯的表格
小結 272
上機指導 272
習題 275
第13章 jQuery的事件處理 276
13.1 頁面加載響應事件 277
13.2 jQuery中的事件 277
實例:實現橫嚮導航菜單功能
13.3 事件綁定 281
13.3.1 為元素綁定事件 281
實例:實現表格的動態換膚
13.3.2 移除綁定 282
13.3.3 綁定一次性事件處理 282
13.4 模擬用戶操作 283
13.4.1 模擬用戶的操作觸發事件 283
實例:自動執行按鈕的click事件
13.4.2 模仿懸停事件 284
實例:鼠標指向圖片時為圖片加邊框
13.4.3 模擬鼠標連續單擊事件 284
實例:實現圖片的放大與縮小
小結 286
上機指導 286
習題 289
第14章 jQuery的動畫效果 290
14.1 基本的動畫效果 291
14.1.1 隱藏匹配元素 291
14.1.2 顯示匹配元素 291
實例:自動隱藏式菜單
14.1.3 切換元素的可見狀態 293
實例:全部資源與精簡資源的切換
14.2 淡入淡出的動畫效果 296
實例:具有淡入淡出動畫效果的自動隱藏式菜單
14.3 滑動效果 297
14.3.1 滑動顯示匹配的元素 297
14.3.2 滑動隱藏匹配的元素 298
實例:伸縮式導航菜單
14.3.3 通過高度的變化動態切換元素的可見性 300
14.4 自定義的動畫效果 301
14.4.1 使用animate()方法創建自定義動畫 301
實例:在365影視網中實現即將上線影片信息向上滾動的效果
14.4.2 使用stop()方法停止動畫 303
小結 304
上機指導 304
習題 306
第15章 React簡介 307
15.1 React概述 308
15.1.1 什麼是React 308
15.1.2 React的常用術語 308
15.2 創建React元素 309
15.2.1 安裝React 309
15.2.2 使用JavaScript創建React元素 309
15.2.3 使用JSX創建React元素 310
實例:在模板中定義一個數組並輸出
15.3 創建組件 312
15.3.1 創建無狀態React組件 312
15.3.2 創建有狀態React組件 313
實例:控制按鈕可用狀態
小結 315
上機指導 315
習題 316
第16章 綜合開發實例——365影視網站設計 317
16.1 系統分析 318
16.2 系統設計 318
16.2.1 系統目標 318
16.2.2 系統功能結構 318
16.2.3 開發環境 319
16.2.4 文件夾組織結構 320
16.3 網頁預覽 320
16.4 關鍵技術 322
16.4.1 JavaScript腳本技術 322
16.4.2 AJAX無刷新技術 324
16.4.3 jQuery技術 328
16.5 首頁技術實現 329
16.5.1 JavaScript實現導航菜單 329
16.5.2 JavaScript實現圖片的輪換效果 332
16.5.3 AJAX實現熱門專題頁面 333
16.5.4 JavaScript實現電影圖片不間斷滾動 335
16.5.5 JavaScript實現浮動窗口 336
16.5.6 jQuery實現滑動門效果 338
16.5.7 jQuery實現向上間斷滾動效果 340
16.6 查看影片詳情頁面 342
小結 343
第17章 課程設計——購物車設計 344
17.1 購物車概述 345
17.1.1 功能概述 345
17.1.2 購物車操作流程 345
17.1.3 程序預覽 346
17.2 系統設計 347
17.2.1 系統目標 347
17.2.2 開發環境 347
17.2.3 文件夾組織結構 347
17.3 熱點關鍵技術 348
17.3.1 JavaScript中的cookie 348
17.3.2 應用AJAX技術實現用戶登錄 348
17.3.3 判斷用戶訪問權限 349
17.4 用戶登錄設計 349
17.4.1 用戶登錄功能概述 349
17.4.2 自動生成驗證碼 350
17.4.3 用戶登錄功能的實現 350
17.5 購物車操作 352
17.5.1 添加至購物車 352
17.5.2 查看購物車 355
17.5.3 修改商品購買數量 356
17.5.4 移除購物車中指定商品 357
17.5.5 清空購物車 359
小結 360
作者介紹
明日科技,程序設計類暢銷圖書作者,絕大多數品種在“全國計算機圖書排行榜”同品種排行中名列前茅,累計銷售百萬冊。
作者編寫的《Java 從入門到精通》長期佔據各網店排行榜的榜首位置。