內容大鋼
本書是Web前端開發的基礎教材,以通俗易懂的語言和豐富實用的項目案例,深入淺出地講解JavaScript與jQuery的開發技術。本書為校企合作開發教材,由廣西機電職業技術學院與東軟教育科技集團共同編寫,為廣西「雙高」專業建設——焊接自動化專業群建設成果之一。
全書共10個項目:項目1講解了JavaScript的基本知識;項目2講解了JavaScript的基礎語法;項目3講解了JavaScript 函數的相關內容;項目4講解了JavaScript對象的相關內容;項目5、項目6講解了JavaScript的DOM操作;項目7講解了JavaScript的BOM操作;項目8講解了jQuery的基礎知識;項目9講解了jQuery的DOM操作;項目10講解了jQuery中事件與動畫的相關內容。本書既可以作為高等職業院校電腦相關專業的Web前端開發基礎教材,也可以作為廣大IT技術人員和編程愛好者的讀物。
本書配有電子課件,讀者可以從中國水利水電出版社網站(www.waterpub.com.cn)或萬水書苑網站(www.wsbookshow.com)免費下載。
目錄
前言
項目1 初識JavaScript
任務1.1 JavaScript入門
1.1.1 JavaScript的起源和發展
1.1.2 JavaScript的作用
1.1.3 JavaScript的組成
1.1.4 JavaScript的特點
任務1.2 JavaScript的開發流程
1.2.1 HBulider X簡介
1.2.2 使用HBulider X
1.2.3 JavaScript的基本結構
1.2.4 引入JavaScript腳本
任務1.3 行和調試JavaScript腳本
1.3.1 運行JavaScript腳本
1.3.2 調試JavaScript腳本
任務1.4 常用的輸出語句和對話框
1.4.1 頁面輸出語句
1.4.2 控制台輸出語句
1.4.3 警告對話框
1.4.4 提示對話框
1.4.5 消息對話框
小結
課後練習
實訓1 輸出頁面元素和彈窗
項目2 JavaScript基礎語法
任務2.1 變數
2.1.1 標識符
2.1.2 變數的使用
任務2.2 數據類型
任務2.3 運算符
任務2.4 數據類型的轉換與獲取
2.4.1 數據的轉換
2.4.2 typeof操作符
任務2.5 分支結構
2.5.1 單分支語句
2.5.2 雙分支語句
2.5.3 多分支語句
任務2.6 循環結構
2.6.1 while循環語句
2.6.2 do…while循環語句
2.6.3 for循環語句
2.6.4 嵌套循環
任務2.7 跳轉語句
2.7.1 break語句
2.7.2 continue語句
小結
課後練習
實訓2 猜數字遊戲
項目3 JavaScript函數
任務3.1 函數
3.1.1 函數的聲明
3.1.2 函數的參數
3.1.3 函數的調用
3.1.4 函數的返回值
3.1.5 變數的作用域
任務3.2 匿名函數
任務3.3 閉包函數
小結
課後練習
實訓3 製作簡易四則運算計算器
項目4 JavaScript對象
任務4.1 對象
4.1.1 初識對象
4.1.2 自定義對象的聲明
4.1.3 訪問對象的屬性和方法
任務4.2 內置對象
4.2.1 Math對象
4.2.2 定時器
4.2.3 Date對象
4.2.4 Array對象
4.2.5 String對象
小結
課後練習
實訓4 輪播圖和扶貧日活動倒計時的製作
項目5 DOM基礎
任務5.1 DOM簡介
5.1.1 DOM的含義
5.1.2 DOM樹
任務5.2 獲取元素
5.2.1 通過Id獲取
5.2.2 通過TagName獲取
5.2.3 通過Name獲取
5.2.4 通過ClassName獲取
任務5.3 事件
5.3.1 事件的分類
5.3.2 事件的綁定方式
5.3.3 事件的對象
任務5.4 操作元素
5.4.1 獲取和設置元素內容
5.4.2 獲取和設置元素屬性
小結
課後練習
實訓5 滑鼠拖拽div
項目6 DOM進階操作
任務6.1 點操作
6.1.1 按層次關係訪問節點
6.1.2 創建和添加節點
6.1.3 刪除和複製節點
6.1.4 替換節點
任務6.2 JavaScript與CSS交互
6.2.1 操作元素樣式
6.2.2 Tab欄目切換
6.2.3 滑鼠指針進入縮略圖切換大圖
6.2.4 首頁滾動顯示對聯宣傳圖標
6.2.5 圖片放大特效
小結
課後練習
實訓6 購物車操作
項目7 BOM
任務7.1 BOM慨述
任務7.2 window對象
7.2.1 打開和關閉窗口
7.2.2 操作窗口
任務7.3 location對象、history對象和navigator對象的使用
7.3.1 location對象
7.3.2 history對象
7.3.3 navigator對象
小結
課後練習
實訓7 製作網站登陸效果
項目8 jQuery基礎
任務8.1 初識jQuery
8.1.1 jQuery概述
8.1.2 獲取jQuery
8.1.3 使用jQuery
任務8.2 jQuery對象與選擇器
8.2.1 jQuery對象
8.2.2 基本選擇器
8.2.3 層級選擇器
8.2.4 篩選選擇器
8.2.5 表單選擇器
小結
課後練習
實訓8 暢銷書簡介
項目9 jQuery的DOM操作
任務9.1 元素樣式的操作
9.1.1 css()方法
9.1.2 類樣式方法
任務9.2 元素屬性的操作
9.2.1 prop()方法
9.2.2 attr()方法<