內容簡介
本書是Web 前端開發的入門教材,主要介紹了JavaScript 和jQuery 的基礎知識和基本技能。採用活頁式教材的編寫理念,將各部分知識模組化,整體內容循序漸進,精簡了理論知識,更加注重案例與實踐練習,可逐步加強學習者對於Web 前端開發技術的理解和掌握。本書共包含12 個學習活動。學習活動1~9 圍繞JavaScript 進行講解,主要包括輸入輸出數據、控制分支語句程式、控制程式循環執行、存儲並編輯數組數據、JavaScript 代碼模組化、JavaScript 對象、掌握JavaScript 中BOM 操作、使用DOM 控制頁面元素、JavaScript事件處理。學習活動10~11 圍繞jQuery 進行講解,主要包括使用jQuery 框架處理元素、基於jQuery 的事件處理與動畫效果。學習活動12 圍繞正則表達式進行講解。 本書內容通俗易懂、突出實踐,可作為本科、高職院校計算機相關專業的Web 前端開發課程的教材,也可供廣大IT 技術初學者和編程愛好者自學使用。
圖書目錄
學習活動1 輸入輸出數據 .......................................................................................................... 001
學習任務1 引入JavaScript 腳本 ....................................................................................... 003
學習任務2 聲明JavaScript 變數 ....................................................................................... 009
學習任務3 輸入輸出簡單數據 .......................................................................................... 013
學習任務4 輸入輸出表達式 .............................................................................................. 019
學習活動2 控制分支語句程式 ................................................................................................. 025
學習任務1 使用單分支語句模擬話費充值 ..................................................................... 027
學習任務2 使用雙分支語句判斷成績 ............................................................................. 031
學習任務3 使用多分支語句判斷年齡區間 ..................................................................... 037
學習任務4 使用switch 語句控制圖片顯示 ..................................................................... 043
學習活動3 控制程式循環執行 ................................................................................................. 049
學習任務1 使用while 循環語句輸出表格 ...................................................................... 051
學習任務2 使用do-while 循環語句計算水仙花數 ........................................................ 057
學習任務3 使用for 循環語句輸出圖片 ........................................................................... 061
學習任務4 控制循環流程 .................................................................................................. 065
學習活動4 存儲並編輯數組數據 ............................................................................................. 069
學習任務1 創建與遍歷一維數組 ...................................................................................... 071
學習任務2 創建、引用和遍歷關聯數組 ......................................................................... 077
學習任務3 創建與遍歷二維數組 ...................................................................................... 081
學習任務4 使用數組相關的方法 ...................................................................................... 085
學習任務5 數組排序 ................................................................................................................... 089
學習活動5 JavaScript 代碼模組化 ..................................................................................... 093
學習任務1 聲明和調用函式............................................................................................... 095
學習任務2 定義變數作用域............................................................................................... 101
學習任務3 使用匿名函式 ................................................................................................... 107
學習任務4 使用回調函式 ................................................................................................... 111
學習任務5 使用閉包函式 ................................................................................................... 117
學習活動6 JavaScript 對象 .................................................................................................. 121
學習任務1 String 對象屬性與方法 ................................................................................... 123
學習任務2 Math 對象屬性與方法 ..................................................................................... 128
學習任務3 Date 對象屬性與方法 ...................................................................................... 134
學習任務4 自定義對象 ....................................................................................................... 140
學習活動7 掌握JavaScript 中BOM 操作 ....................................................................... 147
學習任務1 使用window 對象控制瀏覽器 ....................................................................... 149
學習任務2 使用location 對象控制操作URL .................................................................. 155
學習任務3 使用history 對象控制瀏覽歷史..................................................................... 159
學習任務4 使用screen 對象獲取螢幕信息 ..................................................................... 163
學習任務5 使用document 對象操作文檔 ........................................................................ 166
學習活動8 使用DOM 控制頁面元素 .................................................................................... 171
學習任務1 獲取頁面DOM 節點 ....................................................................................... 173
學習任務2 添加與刪除頁面節點 ...................................................................................... 177
學習任務3 通過DOM 編輯節點內容 .............................................................................. 183
學習任務4 使用DOM 屬性控制節點樣式 ...................................................................... 189
學習活動9 JavaScript 事件處理 .......................................................................................... 197
學習任務1 綁定事件 ........................................................................................................... 199
學習任務2 常見頁面事件 ................................................................................................... 205
學習任務3 常見滑鼠事件 ................................................................................................... 211
學習任務4 常見鍵盤事件 ................................................................................................... 219
學習任務5 事件冒泡與事件委託 ...................................................................................... 225
學習活動10 使用jQuery 框架處理元素 ............................................................................... 231
學習任務1 引入和使用jQuery .......................................................................................... 233
學習任務2 使用jQuery 選擇器 ......................................................................................... 237
學習任務3 使用jQuery 添加或刪除節點 ........................................................................ 248
學習任務4 使用jQuery 設定元素屬性 ............................................................................ 254
學習任務5 使用jQuery 設定元素樣式 ............................................................................ 260
學習任務6 使用jQuery 設定元素內容 ............................................................................ 266
學習活動11 基於jQuery 的事件處理與動畫效果 .............................................................. 271
學習任務1 綁定與解綁事件 .............................................................................................. 273
學習任務2 處理jQuery 複合事件與事件委託 ................................................................ 279
學習任務3 使用jQuery 實現預定義動畫效果 ................................................................ 283
學習任務4 實現自定義動畫效果 ...................................................................................... 289
學習活動12 正則表達式 ............................................................................................................ 295
學習任務1 創建與使用正則表達式 ................................................................................. 297
學習任務2 使用元字元控制正則表達式 ......................................................................... 301
學習任務3 其他方法匹配正則表達式 ............................................................................. 307