JavaScript程序設計

本書系統地介紹了JavaScript的相關知識，主要內容包括JavaScript簡介、JavaScript基本語法、DOM編程、BOM編程、JavaScript對象編程、JavaScript網頁特效、ES6的新特性、jQuery基礎及使用jQuery實現頁面特效等。

本書按照“項目導向，任務驅動，理論實踐一體化”的方法，針對“客戶端交互特效製作”能力，將知識講解、技能訓練和能力提高有機結合，內容組織突出“以用為本，學以致用，綜合應用”，化解知識難點，提高讀者學習效率。通過學習本書，讀者能夠掌握常見的網頁特效，能夠製作精美且具備良好交互效果的網頁。

本書可作為高職院校相關專業師生的網頁特效設計課程的參考，也可作為網頁特效設計班的培訓用戶和網站開發從業者的自學參考書。

卢淑萍，副教授，广东科学技术职业学院移动应用开发专业副主任。主持1门省级精品在线开放课程，主编1部“十三五”国家规划教材、1部参编教材，拥有软件著作权8项，多次获得广东省教学能力大赛省一等奖。

陈玲，副教授，具有丰富的网页脚本语言、面向对象程序设计等一线授课经验，主持主研省市校科研教改课题十余项，编写教材2本，拥有软件著作权1项，获四川省职业院校教师教学能力大赛（高职组）省二等奖。

吴鹃，副教授，具有丰富的数字图像处理方面的软件开发经验和一线授课经验，主持开发了多个软件管理平台的项目，授权实用新型专利1项，核心论文11篇。

王玉贤，广东松山职业技术学院计算机与信息工程学院院长，广东省优秀共产党员。主要研究方向有软件开发与测试、大数据应用研究、云计算。发表论文16篇，主持或参与省级以上项目20多项，主编或参编教材5本。

钱新杰，副教授，具有多年的软件开发经验和一线授课经验，主持开发多个信息管理系统，主持获得省级教学成果奖二等奖1项，主持主研省市级课题7项，授权实用新型专利2项，论文多篇。

目錄

第　1章

JavaScript簡介　1

任務1.1　認識JavaScript　1

任務1.2　搭建JavaScript開發環境　2

任務1.3　在頁面輸出你最喜歡的運動　5

【本章小結】　7

【本章習題】　7

　第 2章

JavaScript基本語法　8

任務2.1　查看變量的數據類型　8

任務2.2　使用條件語句實現分時問候　14

任務2.3　使用循環語句輸出乘法口訣表　17

任務2.4　使用數組製作導航條　20

任務2.5　使用函數製作簡易計算器　22

任務2.6　使用對象製作自定義表格　25

任務2.7　任務拓展　27

【本章小結】　30

【本章習題】　30

　第3章

DOM編程　32

任務3.1　使用document對象實現復選框全選效果　32

任務3.2　使用Core DOM動態添加表格　37

任務3.3　使用HTML DOM動態添加表格　44

任務3.4　任務拓展　47

【本章小結】　49

【本章習題】　50

　第4章

BOM編程　52

任務4.1　使用window對象實現倒計時效果　52

任務4.2　使用本地存儲實現登錄註冊效果　55

任務4.3　任務拓展　60

【本章小結】　62

【本章習題】　62

　第5章

JavaScript對象編程　64

任務5.1　使用構造函數和原型對象實現選項卡效果　64

任務5.2　使用數組輸出導航菜單　71

任務5.3　使用正則表達式驗證註冊頁信息　78

任務5.4　任務拓展　87

【本章小結】　89

【本章習題】　89

　第6章

JavaScript網頁特效　91

任務6.1　使用display屬性實現圖片輪顯效果　91

任務6.2　使用offset系列屬性實現放大鏡效果　98

任務6.3　使用scroll系列屬性實現固定頂部菜單效果　108

任務6.4　任務拓展　112

【本章小結】　114

【本章習題】　114

　第7章

ES6的新特性　117

任務7.1　使用箭頭函數實現簡易計算器　117

任務7.2　使用ES6實現絢麗小球效果　126

任務7.3　使用ES6實現商品查詢效果　132

任務7.4　任務拓展　144

【本章小結】　146

【本章習題】　146

　第8章

jQuery基礎　147

任務8.1　體驗jQuery程序　147

任務8.2　使用選擇器實現列表的展開與收起效果　149

任務8.3　任務拓展　159

【本章小結】　161

【本章習題】　161

　第9章

使用jQuery實現頁面特效　164

任務9.1　使用增加和刪除節點的方法實現購物車中商品的增刪效果　164

任務9.2　使用事件實現導航菜單效果　173

任務9.3　使用動畫實現輪播圖效果　180

任務9.4　任務拓展　189

【本章小結】　191

【本章習題】　192

　第 10章

製作個人簡歷網站　194

任務10.1　項目介紹　194

任務10.2　需求分析　194

任務10.3　項目設計　195

任務10.4　項目實施　200

【本章小結】　229