JavaScript程序設計教程
內容描述
《JavaScript程序設計教程》系統全面地介紹了有關JavaScript網站開發所涉及的各類知識。本書共分12章,主要內容包括:Web前端設計基礎知識、JavaScript語言基礎、JavaScript面向對象程序設計、BOM和DOM編程、JavaScript網頁特效、JavaScript在HTML5中的應用、jQuery簡介jQuery選擇器、jQuery的常用操作、jQuery的事件處理、jQuery動畫效果和美膚堂綜合案例網站。
本書內容全面,實例豐富,通俗易懂,所有例題、習題均採用案例驅動的講述方式,通過大量實例深入淺出、循序漸進地引導讀者學習。
本書內容緊扣國家對高等學校培養高級應用型、復合型人才的技能水平和知識結構的要求,以美膚堂案例網站的開發思路為主線,採用模塊分解、任務驅動、子任務實現和代碼設計四層結構,通過對模塊中每個任務相應知識點的講解,引導讀者學習網頁製作、設計、規劃的基本知識以及項目開發、測試的完整流程。
本書適合作為高等學校、職業院校電腦及相關專業或培訓班的網站開發與網頁製作教材。
本書配有授課電子課件和源代碼,需要的教師可免費註冊、審核通過後下載,或聯系編輯索取。
目錄大綱
第1章Web前端設計基礎知識
1.1 Web標準
1.1.1什麼是Web標準
1.1.2建立Web標準的優點
1.1.3理解表現和結構相分離
1.2 Web前端開發實用技術概述
1.2.1什麼是Web前端開發
1.2.2 Web前端開發的任務
1.3 HTML5簡介
1.3.1 HTML的發展歷史
1.3.2 HTML5的特性
1.3.3 HTML5元素
1.3.4 HTML5的基本結構與編寫規範
1.4 CSS3簡介
1.4.1 CSS的發展歷史
1.4 .2 CSS3的特點
1.4.3使用CSS美化頁面的外觀
1.4.4網頁中引用CSS的方法
1.5 JavaScript/jQuery簡介
1.5.1 JavaScript簡介
1.5.2 jQuery簡介
1.6 Web前端開發使用的瀏覽器
1.6.1瀏覽器簡介
1.6.2搭建Web前端開發的瀏覽器環境
1.7 Web前端開發常用的工具
習題1
第2章JavaScript語言基礎
2.1 JavaScript概述
2.2在網頁中插入JavaScript的方法
2.2.1在HTML文檔中嵌入腳本程序
2.2.2鏈接腳本文件
2.2.3在HTML標籤內添加腳本
2.2.4多腳本網頁
2.3調試JavaScript程序
2.4 JavaScript的基本數據類型和表達式
2.4.1基本數據類型及類型轉換
2.4.2常量
2.4.3變量
2.4.4運算符和表達式
2.5 JavaScript的程序結構
2.5.1簡單語句
2.5.2程序控制流程
2.6自定義函數
2.6.1函數的定義
2.6.2函數的調用
2.6.3變量的作用域
2.6.4 JavaScript的內置函數
2.7綜合案例——美膚堂商品促銷計算器
習題2
第3章JavaScript面向對象程序設計
3.1面向對象程序設計基礎
3.1.1對象
3.1.2對象的屬性
3.1.3對象的事件
3.1.4對象的方法
3.1.4 JavaScript的對像類型
3.2 JavaScript的內置對象
3.2.1字符串對象
3.2.2數組對象
3.2.3日期對象
3.2.4數學對象
3.3自定義對象
3.3.1原始方式
3.3.2構造函數方式
3.3.3原型方式
3.4綜合案例——製作美膚堂日期下拉菜單
習題3
第4章BOM和DOM編程
4.1 BOM和DOM模型
4.1.1 BOM模型
4.1.2 DOM模型
4.2 window對象
4.2.1 window對象的屬性
4.2.2 window對象的方法
4.3 document對象
4.3.1 document對象的屬性
4.3.2 document對象的方法
4.4 location對象
4.4. 1 location對象的屬性
4.4.2 location對象的方法
4.5 history對象
4.6 navigator對象
4.7 screen對象
4.8 Form對象
4.8.1 Form對象的屬性
4.8.2 Form對象的方法
4.9 DOM節點
4.9.1 Node對象
4.9.2 Element對象
4.9.3 NodeList對象
4.10 JavaScript的對象事件處理程序
4.10.1對象的事件
4.10.2常用的事件及處理
4.10.3錯誤處理
4.10.4表單對象與交互性
4.10.5案例——美膚堂會員註冊表單驗證
4.11綜合案例——美膚堂商品複選框全選效果
習題4
第5章JavaScript網頁特效
5.1文字特效
5.1.1製作顏色變換的歡迎詞
5.1.2打字效果
5.2菜單與選項卡特效
5.2.1製作美膚學堂導航菜單
5.2.2製作Tab選項卡切換效果
5.3圖片特效
5.3.1製作美膚堂浮動廣告
5.3.2製作美膚堂輪播廣告
習題5
第6章JavaScript在HTML5中的應用
6.1 HTML5拖放API
6.1 .1 draggable屬性
6.1.2拖放觸發的事件和數據傳遞
6.2多媒體播放
6.2.1 HTML5的多媒體支持
6.2.2音頻標籤
6.2.3視頻標籤
6.2.4 HTML5多媒體API
6.3 Canvas繪圖
6.3.1創建<canvas >元素
6.3.2構建繪圖環境
6.3.3通過JavaScript繪製圖形
6.4 HTML5地理定位API
6.4.1 Geolocation基礎
6.4.2 Geolocation API實現地理定位
6.4.3案例——使用HTML5獲取地理位置及百度地圖
習題6
第7章jQuery基礎
7.1 jQuery概述
7.1.1什麼是jQuery
7.1.2 jQuery的特點
7.2編寫jQuery程序
7.2.1下載與配置jQuery
7.2.2編寫一個簡單的jQuery程序
7.3 jQuery對象和DOM對象
7.3.1 jQuery對象和DOM對像簡介
7.3.2 jQuery對象和DOM對象的相互轉換
7.4 jQuery的插件
7.4.1引用jQuery插件的方法
7.4.2常用的插件簡介
習題7
第8章jQuery選擇器
8.1 jQuery選擇器簡介
8.1.1 jQuery的工廠函數
8.1.2什麼是jQuery選擇器
8.1.3 jQuery選擇器的優勢
8.2基礎選擇器
8.2.1 ID選擇器
8.2.2元素選擇器
8.2.3類名選擇器
8.2.4複合選擇器
8.2.5通配符選擇器
8.3層次選擇器
8.3.1 ancestor descendant(祖先後代)選擇器
8.3.2 parent>child(父>子)選擇器
8.3.3 prev+next(前+後)選擇器
8.3.4 prev~siblings(前~兄弟)選擇器
8.4過濾選擇器
8.4.1簡單過濾器
8.4.2內容過濾器
8.4.3可見性過濾器
8.4.4子元素過濾器
8.4.5表單對象的屬性過濾器
8.5屬性選擇器
8.6表單選擇器
習題8
第9章jQuery的常用操作
9.1元素屬性的操作
9.1.1獲取或設置元素屬性
9.1. 2刪除元素屬性
9.2元素樣式的操作
9.2.1修改CSS類
9.2.2設置CSS屬性
9.3元素內容和值的操作
9.3.1操作元素內容
9.3.2操作元素的值
9.4操作DOM節點
9.4.1創建節點
9.4.2插入節點
9.4.3 复