內容大鋼
JavaScript是一門廣泛應用於Web前端開發的腳本語言,能夠為網頁添加各式各樣的動態效果和交互功能,為用戶提供美觀的界面,帶來舒適的體驗,具有簡單、安全、跨平台的特點。
本書採用任務驅動教學的思路編寫,共8個學習單元、16個任務,分別介紹初識JavaScript、JavaScript語言基礎、函數、DOM操作、BOM操作、事件處理、對象以及jQuery應用。本書在全面、系統地講解知識的基礎上,配有豐富精彩的案例、顆粒化的微課視頻,以及覆蓋全面的習題,幫助讀者加深對知識的理解。
本書可作為職業本科、高職高專院校電腦相關專業的入門教材,也可作為JavaScript愛好者及相關技術人員的自學參考書。
目錄
學習單元1 初識JavaScript
單元概述
學習目標
任務1.1 為網頁添加歡迎彈出框——JavaScript概述
1.1.1 認識JavaScript
1.1.2 JavaScript的特點
1.1.3 JavaScript的結構組成
1.1.4 JavaScript的引入方式
1.1.5 JavaScript的基本語法規則
任務1.2 查看網頁運行時數據——JavaScript的開發與調試
1.2.1 常用開發工具
1.2.2 常用瀏覽器
1.2.3 控制台的使用
知識拓展
單元小結
單元實訓
習題
學習單元2 JavaScript語言基礎
單元概述
學習目標
任務2.1 為網頁添加時間和問候語——數據類型和分支語句
2.1.1 常用的輸入輸出語句
2.1.2 關鍵字和標識符
2.1.3 JavaScript變數與常量
2.1.4 JavaScript的數據類型
2.1.5 運算符和表達式
2.1.6 流程式控制制語句
2.1.7 分支結構
任務2.2 格式化顯示星期數——循環結構和數組
2.2.1 循環結構
2.2.2 跳轉語句
2.2.3 數組
知識拓展
單元小結
單元實訓
習題
學習單元3 JavaScript函數
單元概述
學習目標
任務3.1 優化設計時間顯示模塊——函數基礎
3.1.1 JavaScript函數定義
3.1.2 JavaScript函數調用
3.1.3 JavaScript函數參數
3.1.4 使用JavaScript函數的返回值
3.1.5 變數作用域
任務3.2 實時更新時間顯示——函數進階
3.2.1 函數表達式
3.2.2 JavaScript匿名函數
3.2.3 JavaScript回調函數
3.2.4 JavaScript嵌套函數
3.2.5 JavaScript遞歸函數
3.2.6 JavaScript內置函數
知識拓展
單元小結
單元實訓
習題
學習單元4 JavaScript中的DOM操作
單元概述
學習目標
任務4.1 為註冊頁面添加註冊驗證功能——DOM基本概念及獲取元素
4.1.1 什麼是DOM
4.1.2 DOM節點樹
4.1.3 查找元素
任務4.2 為註冊頁面添加驗證響應特效——DOM節點操作
4.2.1 元素操作
4.2.2 節點操作
知識拓展
單元小結
單元實訓
習題
學習單元5 JavaScript中的BOM操作
單元概述
學習目標
任務5.1 添加驗證碼發送特效——BOM對象基本概念及window對象的使用
5.1.1 什麼是BOM
5.1.2 BOM的構成
5.1.3 window對象
任務5.2 完善註冊按鈕響應事件——BOM對象的使用
5.2.1 location對象
5.2.2 history對象
5.2.3 navigator對象
5.2.4 screen對象
知識拓展
單元小結
單元實訓
習題
學習單元6 JavaScript中的事件處理
單元概述
學習目標
任務6.1 登錄頁面顯示/隱藏密碼明文效果設計——事件處理及事件對象
6.1.1 事件處理
6.1.2 事件對象
任務6.2 登錄頁面快捷鍵、禁止複製粘貼等功能效果設計——事件分類
6.2.1 頁面事件
6.2.2 滑鼠事件
6.2.3 鍵盤事件
6.2.4 表單事件
6.2.5 剪貼板事件
知識拓展
單元小結
單元實訓
習題
學習單元7 JavaScript對象
單元概述
學習目標
任務7.1 登錄頁面動態生成驗證碼——對象的基本應用
7.1.1 初識對象
7.1.2 自定義對象
7.1.3 內置對象
任務7.2 強化註冊頁面驗證功能——正則表達式的應用
7.2.1 正則表達式概念
7.2.2 定義正則表達式
7.2.3 使用正則表達式
7.2.4 正則表達式中的特殊字元
知識拓展
單元小結
單元實訓
習題
學習單元8 JavaScript框架之jQuery應用
單元概述
學習目標
任務8.1 為網頁添加定時廣告特效——jQuery基礎
8.1.1 初識jQuery
8.1.2 jQuery的優勢
8.1.3 jQuery版本對比
8.1.4 jQuery庫文件的引入方式
8.1.5 jQuery對象
任務8.2 為網頁添加輪播圖特效——jQuery應用
8.2.1 jQuery元素獲取
8.2.2 jQuery元素處理