目錄
第1章 初識(shí)JavaScript 1
本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
1.1 JavaScript概述
1.1.1 為什么學(xué)習(xí)JavaScript
1.1.2 JavaScript簡(jiǎn)介
1.1.3 JavaScript起源
1.1.4 JavaScript的實(shí)現(xiàn)
1.1.5 JavaScript的特點(diǎn)
1.2 Web開發(fā)工具
1.2.1 瀏覽器
1.2.2 代碼編輯器
1.2.3 技能訓(xùn)練
1.3 JavaScript的基本結(jié)構(gòu)與使用
1.3.1 JavaScript的基本結(jié)構(gòu)
1.3.2 JavaScript的執(zhí)行原理
1.3.3 JavaScript的使用方式
1.4 JavaScript的語法
1.4.1 JavaScript中的大小寫
1.4.2 變量、對(duì)象和函數(shù)的名稱
1.4.3 JavaScript中的分號(hào)
1.4.4 JavaScript中的注釋
1.4.5 JavaScript中的代碼塊
1.4.6 比較兩個(gè)字符串是否相同
1.4.7 字符串與數(shù)字的拼接
1.5 JavaScript變量
1.5.1 變量的聲明
1.5.2 變量的命名規(guī)范
1.5.3 定義常量
1.5.4 JavaScript關(guān)鍵字和保留字
1.5.5 技能訓(xùn)練
1.6 常用的輸入／輸出
1.6.1 警告(alert)
1.6.2 console.log()
1.6.3 提示(prompt)
本章總結(jié)
本章作業(yè)
第2章 JavaScript 基礎(chǔ)
本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
2.1 JavaScript數(shù)據(jù)類型
2.1.1 JavaScript基本數(shù)據(jù)類型
2.1.2 JavaScript類型轉(zhuǎn)換
2.1.3 技能訓(xùn)練
2.2 JavaScript運(yùn)算符
2.2.1 賦值運(yùn)算符
2.2.2 算術(shù)運(yùn)算符
2.2.3 邏輯運(yùn)算符
2.2.4 關(guān)系運(yùn)算符
2.2.5 條件運(yùn)算符
2.2.6 運(yùn)算符優(yōu)先級(jí)
2.2.7 技能訓(xùn)練
2.3 JavaScript條件語句
2.3.1 if語句
2.3.2 switch語句
2.3.3 技能訓(xùn)練
2.4 JavaScript循環(huán)語句
2.4.1 for循環(huán)
2.4.2 for-in循環(huán)
2.4.3 while循環(huán)
2.4.4 do-while循環(huán)
2.4.5 break和continue
2.4.6 技能訓(xùn)練
本章總結(jié)
本章作業(yè)
第3章 對(duì)象、函數(shù)和事件
本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
3.1 JavaScript對(duì)象類型
3.1.1 本地對(duì)象
3.1.2 內(nèi)置對(duì)象
3.1.3 宿主對(duì)象
3.1.4 技能訓(xùn)練
3.2 JavaScript函數(shù)
3.2.1 常用定時(shí)函數(shù)
3.2.2 技能訓(xùn)練1
3.2.3 自定義函數(shù)
3.2.4 技能訓(xùn)練2
3.3 事件
3.3.1 事件概述
3.3.2 事件的綁定萬式
3.3.3 常見事件
3.3.4 技能訓(xùn)練
本章總結(jié)
本章作業(yè)
第4章 JavaScript操作BOM對(duì)象
本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
4.1 什么是BOM對(duì)象
4.2 window對(duì)象
4.2.1 常用的屬性
4.2.2 常用的方法
4.2.3 技能訓(xùn)練
4.3 screen對(duì)象
4.4 history對(duì)象
4.4.1 歷史記錄跳轉(zhuǎn)
4.4.2 無刷新更改URL地址
4.5 location對(duì)象
4.5.1 更改URL
4.5.2 獲取URL參數(shù)
4.5.3 技能訓(xùn)練
4.6 navigator對(duì)象
4.7 document 對(duì)象
4.7.1 document對(duì)象的常用屬性
4.7.2 document對(duì)象的常用方法
4.7.3 技能訓(xùn)練
本章總結(jié)
本章作業(yè)
第5章 JavaScript操作DOM對(duì)象
本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
5.1 DOM操作
5.1.1 DOM操作分類
5.1.2 節(jié)點(diǎn)和節(jié)點(diǎn)關(guān)系
5.1.3 訪問節(jié)點(diǎn)
5.1.4 節(jié)點(diǎn)信息
5.1.5 技能訓(xùn)練
5.2 DOM HTML
5.2.1 操作HTML元素內(nèi)容
5.2.2 操作節(jié)點(diǎn)的屬性
5.2.3 創(chuàng)建和插入節(jié)點(diǎn)
5.2.4 刪除和替換節(jié)點(diǎn)
5.2.5 技能訓(xùn)練
5.3 DOM CSS
5.3.1 操作節(jié)點(diǎn)樣式
5.3.2 獲取元素的樣式
5.3.3 技能訓(xùn)練
5.4 DOM事件
5.5 獲取元素位置
5.5.1 元素屬性應(yīng)用
5.5.2 技能訓(xùn)練
本章總結(jié)
本章作業(yè)
第6章 JavaScript面向?qū)ο?br>本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
6.1 對(duì)象
6.1.1 回顧JavaScript數(shù)據(jù)類型
6.1.2 對(duì)象是什么
6.1.3 面向?qū)ο蠹疤卣?
6.1.4 創(chuàng)建對(duì)象
6.1.5 技能訓(xùn)練
6.2 構(gòu)造函數(shù)
6.2.1 為什么使用構(gòu)造函數(shù)
6.2.2 JavaScript 內(nèi)置的構(gòu)造函數(shù)
6.2.3 自定義構(gòu)造函數(shù)
6.2.4 私有成員
6.2.5 函數(shù)中的this 指向
6.3 原型對(duì)象
6.3.1 為什么使用原型
6.3.2 原型對(duì)象的使用方法
6.3.3 技能訓(xùn)練
6.4 繼承
6.4.1 JavaScript繼承的實(shí)現(xiàn)
6.4.2 靜態(tài)成員
6.4.3 屬性搜索原則
6.4.4 原型鏈
6.4.5 對(duì)象繼承
6.4.6 技能訓(xùn)練
本章總結(jié)
本章作業(yè)
第7章 初識(shí)jQuery
本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
7.1 為什么選擇jQuery
7.2 jQuery概述
7.2.1 認(rèn)識(shí) jQuery
7.2.2 配置jQuery環(huán)境
7.3 jQuery基礎(chǔ)語法
7.3.1 編寫第一個(gè)jQuery程序
7.3.2 文檔就緒函數(shù)
7.3.3 jQuery名稱沖突
7.3.4 技能訓(xùn)練1
7.3.5 jQuery語法結(jié)構(gòu)
7.3.6 技能訓(xùn)練2
7.3.7 jQuery程序的代碼風(fēng)格
7.3.8 技能訓(xùn)練3
7.4 DOM對(duì)象和jQuery對(duì)象
7.4.1 DOM 對(duì)象
7.4.2 jQuery 對(duì)象
7.4.3 jQuery對(duì)象與DOM對(duì)象的相互轉(zhuǎn)換
7.4.4 技能訓(xùn)練
本章總結(jié)
本章作業(yè)
第8章 jQuery選擇器與過濾器
本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
8.1 jQuery選擇器概述
8.1.1 什么是jQuery選擇器
8.1.2 jQuery選擇器的優(yōu)勢(shì)
8.1.3 jQuery選擇器的類型
8.2 通過CSS選擇器選取元素
8.2.1 基本選擇器
8.2.2 層次選擇器
8.2.3 技能訓(xùn)練1
8.2.4 屬性選擇器
8.2.5 技能訓(xùn)練2
8.3 通過過濾選擇器選取元素
8.3.1 基本過濾選擇器(Basic Filter)
8.3.2 技能訓(xùn)練
8.3.3 子元素過濾器
8.3.4 內(nèi)容過濾器
8.3.5 可見性過濾選擇器
8.3.6 技能訓(xùn)練
8.4 jQuery選擇器的注意事項(xiàng)
8.4.1 選擇器中含有特殊符號(hào)的注意事項(xiàng)
8.4.2 選擇器中含有空格的注意事項(xiàng)
8.4.3 技能訓(xùn)練
本章總結(jié)
本章作業(yè)
第9章 jQuery事件與動(dòng)畫特效
本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
9.1 jQuery中的事件
9.2 常用jQuery事件
9.2.1 文檔/窗口事件
9.2.2 鍵盤事件
9.2.3 鼠標(biāo)事件
9.2.4 技能訓(xùn)練1
9.2.5 表單事件
9.2.6 瀏覽器事件
9.2.7 技能訓(xùn)練2
9.3 jQuery事件綁定與解除
9.3.1 jQuery事件綁定
9.3.2 jQuery事件解除
9.3.3 jQuery臨時(shí)事件
9.3.4 技能訓(xùn)練
9.4 復(fù)合事件
9.4.1 hover()方法
9.4.2 toggle()方法
9.4.3 toggleClass()方法
9.4.4 技能訓(xùn)練
9.5 動(dòng)畫特效
9.5.1 jQuery隱藏和顯示
9.5.2 jQuery淡入和淡出
9.5.3 jQuery滑動(dòng)
9.5.4 技能訓(xùn)練
9.6 jQuery動(dòng)畫
9.6.1 改變?cè)�素基本屬�?
9.6.2 改變?cè)�素位�?
9.6.3 動(dòng)畫隊(duì)列
9.6.4 jQuery方法鏈接
9.6.5 jQuery停止動(dòng)畫
本章總結(jié)
本章作業(yè)
第10章 使用jQuery操作 DOM
本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
10.1 DOM操作
10.1.1 DOM操作分類
10.1.2 jQuery中的DOM操作
10.2 樣式操作
10.2.1 設(shè)置和獲取樣式值
10.2.2 追加樣式和移除樣式
10.2.3 切換樣式
10.2.4 判斷是否含指定的樣式
10.2.5 CSS-DOM操作
10.2.6 技能訓(xùn)練
10.3 內(nèi)容操作
10.3.1 HTML代碼操作
10.3.2 標(biāo)簽內(nèi)容操作
10.3.3 屬性值操作
10.3.4 技能訓(xùn)練
10.4 節(jié)點(diǎn)操作
10.4.1 查找節(jié)點(diǎn)
10.4.2 創(chuàng)建節(jié)點(diǎn)元素
10.4.3 插入節(jié)點(diǎn)
10.4.4 技能訓(xùn)練1
10.4.5 刪除節(jié)點(diǎn)
10.4.6 替換節(jié)點(diǎn)
10.4.7 復(fù)制節(jié)點(diǎn)
10.4.8 技能訓(xùn)練2
10.5 屬性操作
10.5.1 獲取元素屬性值
10.5.2 設(shè)置元素屬性值
10.5.3 刪除元素屬性
10.5.4 技能訓(xùn)練
10.6 jQuery遍歷
10.6.1 HTML家族樹簡(jiǎn)介
10.6.2 jQuery后代遍歷
10.6.3 jQuery同輩遍歷
10.6.4 jQuery祖先遍歷
10.6.5 其他遍歷方法
本章總結(jié)
本章作業(yè)
第11章 表單校驗(yàn)與正則表達(dá)式
本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
11.1 表單基本驗(yàn)證技術(shù)
11.1.1 表單驗(yàn)證的必要性
11.1.2 表單驗(yàn)證的內(nèi)容
11.1.3 表單驗(yàn)證的思路
11.2 表單選擇器
11.2.1 表單選擇器簡(jiǎn)介
11.2.2 驗(yàn)證表單內(nèi)容
11.2.3 技能訓(xùn)練1
11.2.4 校驗(yàn)提示特效
11.2.5 技能訓(xùn)練2
11.3 正則表達(dá)式
11.3.1 為什么需要正則表達(dá)式
11.3.2 什么是正則表達(dá)式
11.3.3 正則表達(dá)式的應(yīng)用
11.3.4 技能訓(xùn)練
11.4 使用HTML5的方式驗(yàn)證表單
11.4.1 HTML5新增屬性
11.4.2 validity屬性
11.4.3 技能訓(xùn)練
本章總結(jié)
本章作業(yè)


第12章 綜合應(yīng)用設(shè)計(jì)實(shí)例
本章目標(biāo)
本章簡(jiǎn)介
技術(shù)內(nèi)容
12.1 總結(jié)歸納
12.1.1 核心技能目標(biāo)
12.1.2 知識(shí)梳理
12.2 綜合練習(xí)
12.2.1 jQuery手動(dòng)切換圖片特效
12.2.2 新用戶注冊(cè)頁面
12.2.3 購(gòu)物車頁面