第 1章　初識(shí)JavaScript 001 學(xué)習(xí)目標(biāo)　001 1.1　什么是JavaScript　001 1.1.1　JavaScript概述　001 1.1.2　JavaScript的誕生與發(fā)展　002 1.1.3　JavaScript的特點(diǎn)　004 1.1.4　JavaScript的組成　004 1.2　常用開發(fā)工具　005 1.3　JavaScript入門　005 1.3.1　代碼書寫位置　006 1.3.2　注釋　008 1.3.3　輸入和輸出語句　009 1.3.4　控制臺(tái)的使用　010 1.4　JavaScript變量　010 1.4.1　什么是變量　011 1.4.2　變量的使用　011 1.4.3　變量的應(yīng)用案例　011 1.4.4　變量的語法細(xì)節(jié)　012 1.4.5　變量的命名規(guī)范　013 1.4.6　【案例】交換兩個(gè)變量的值　014 本章小結(jié)　015 課后練習(xí)　015 第　2章 JavaScript基礎(chǔ)（上）　016 學(xué)習(xí)目標(biāo)　016 2.1　數(shù)據(jù)類型　016 2.1.1　變量的數(shù)據(jù)類型　016 2.1.2　數(shù)據(jù)類型分類　017 2.1.3　數(shù)字型　017 2.1.4　字符串型　018 2.1.5　布爾型　020 2.1.6　undefined和null　020 2.1.7　數(shù)據(jù)類型檢測　020 2.2　數(shù)據(jù)類型轉(zhuǎn)換　021 2.2.1　轉(zhuǎn)換為字符串型　021 2.2.2　轉(zhuǎn)換為數(shù)字型　022 2.2.3　轉(zhuǎn)換為布爾型　023 2.3　運(yùn)算符　023 2.3.1　算術(shù)運(yùn)算符　024 2.3.2　遞增和遞減運(yùn)算符　024 2.3.3　比較運(yùn)算符　025 2.3.4　邏輯運(yùn)算符　026 2.3.5　賦值運(yùn)算符　027 2.3.6　三元運(yùn)算符　028 2.3.7　運(yùn)算符優(yōu)先級(jí)　028 2.4　流程控制　029 2.5　分支結(jié)構(gòu)　030 2.5.1　if語句　030 2.5.2　if…else語句　030 2.5.3　if…else if語句　032 2.5.4　switch語句　032 2.5.5　【案例】查詢水果的價(jià)格　034 本章小結(jié)　034 課后練習(xí)　035 第3章　JavaScript基礎(chǔ)（下）　036 學(xué)習(xí)目標(biāo)　036 3.1　循環(huán)結(jié)構(gòu)　036 3.1.1　for語句　036 3.1.2　for循環(huán)案例　038 3.1.3　循環(huán)嵌套案例　040 3.1.4　while語句　041 3.1.5　do…while語句　042 3.1.6　continue關(guān)鍵字　043 3.1.7　break關(guān)鍵字　043 3.2　初識(shí)數(shù)組　044 3.2.1　創(chuàng)建數(shù)組　044 3.2.2　訪問數(shù)組元素　044 3.2.3　數(shù)組遍歷　045 3.3　數(shù)組案例　045 3.3.1　獲取數(shù)組元素中的最大值　045 3.3.2　數(shù)組轉(zhuǎn)換為字符串　046 3.4　數(shù)組元素操作　046 3.4.1　修改數(shù)組長度　046 3.4.2　新增或修改數(shù)組元素　047 3.4.3　篩選數(shù)組　047 3.4.4　刪除指定的數(shù)組元素　048 3.4.5　反轉(zhuǎn)數(shù)組元素順序　048 3.5　數(shù)組排序算法　049 3.5.1　冒泡排序　050 3.5.2　插入排序　050 3.6　二維數(shù)組　052 3.6.1　創(chuàng)建二維數(shù)組　052 3.6.2　二維數(shù)組求和　052 3.6.3　二維數(shù)組轉(zhuǎn)置　053 本章小結(jié)　054 課后練習(xí)　054 第4章　JavaScript函數(shù)　055 學(xué)習(xí)目標(biāo)　055 4.1　初識(shí)函數(shù)　055 4.1.1　函數(shù)的使用　055 4.1.2　什么是函數(shù)　056 4.1.3　函數(shù)的參數(shù)　056 4.1.4　函數(shù)參數(shù)的數(shù)量　057 4.1.5　函數(shù)的返回值　057 4.2　函數(shù)返回值案例　058 4.2.1　利用函數(shù)求任意兩個(gè)數(shù)的最大值　058 4.2.2　利用函數(shù)求任意一個(gè)數(shù)組中的最大值　059 4.2.3　利用return提前終止函數(shù)　059 4.2.4　利用return返回?cái)?shù)組　059 4.3　函數(shù)綜合案例　060 4.3.1　利用函數(shù)求所有參數(shù)中的最大值　060 4.3.2　利用函數(shù)反轉(zhuǎn)數(shù)組元素順序　061 4.3.3　利用函數(shù)判斷閏年　061 4.3.4　獲取指定年份的2月份的天數(shù)　061 4.4　函數(shù)進(jìn)階　062 4.4.1　函數(shù)表達(dá)式　062 4.4.2　回調(diào)函數(shù)　062 4.4.3　遞歸調(diào)用　063 4.5　作用域　064 4.5.1　作用域的分類　064 4.5.2　全局變量和局部變量　064 4.5.3　作用域鏈　065 4.6　閉包函數(shù)　065 4.6.1　什么是閉包函數(shù)　065 4.6.2　閉包函數(shù)的實(shí)現(xiàn)　066 4.7　預(yù)解析　066 本章小結(jié)　067 課后練習(xí)　067 第5章　JavaScript對象　069 學(xué)習(xí)目標(biāo)　069 5.1　初識(shí)對象　069 5.1.1　什么是對象　069 5.1.2　利用字面量創(chuàng)建對象　070 5.1.3　訪問對象的屬性和方法　071 5.1.4　利用new Object創(chuàng)建對象　071 5.1.5　利用構(gòu)造函數(shù)創(chuàng)建對象　072 5.1.6　遍歷對象的屬性和方法　073 5.2　內(nèi)置對象　074 5.2.1　通過查閱文檔熟悉內(nèi)置對象　074 5.2.2　【案例】封裝自己的數(shù)學(xué)對象　076 5.3　Math對象　076 5.3.1　Math對象的使用　076 5.3.2　生成指定范圍的隨機(jī)數(shù)　077 5.3.3　【案例】猜數(shù)字游戲　077 5.4　日期對象　078 5.4.1　日期對象的使用　078 5.4.2　【案例】統(tǒng)計(jì)代碼執(zhí)行時(shí)間　080 5.4.3　【案例】倒計(jì)時(shí)　080 5.5　數(shù)組對象　081 5.5.1　數(shù)組類型檢測　081 5.5.2　添加或刪除數(shù)組元素　082 5.5.3　【案例】篩選數(shù)組　083 5.5.4　數(shù)組排序　083 5.5.5　數(shù)組索引　083 5.5.6　【案例】數(shù)組去除重復(fù)元素　084 5.5.7　數(shù)組轉(zhuǎn)換為字符串　084 5.5.8　其他方法　085 5.6　字符串對象　085 5.6.1　字符串對象的使用　086 5.6.2　根據(jù)字符返回位置　086 5.6.3　根據(jù)位置返回字符　087 5.6.4　【案例】統(tǒng)計(jì)出現(xiàn)最多的字符和次數(shù)　087 5.6.5　字符串操作方法　088 5.6.6　【案例】判斷用戶名是否合法　089 5.7　值類型和引用類型　089 本章小結(jié)　090 課后練習(xí)　091 第6章　DOM（上）　092 學(xué)習(xí)目標(biāo)　092 6.1　Web API簡介　092 6.1.1　初識(shí)Web API　092 6.1.2　Web API與API的關(guān)系　093 6.2　DOM簡介　093 6.2.1　什么是DOM　093 6.2.2　DOM樹　093 6.3　獲取元素　094 6.3.1　根據(jù)id獲取元素　094 6.3.2　根據(jù)標(biāo)簽獲取元素　095 6.3.3　根據(jù)name獲取元素　096 6.3.4　HTML5新增的獲取方式　096 6.3.5　document對象的屬性　098 6.4　事件基礎(chǔ)　099 6.4.1　事件概述　099 6.4.2　事件三要素　099 6.5　操作元素　100 6.5.1　操作元素內(nèi)容　100 6.5.2　操作元素屬性　101 6.5.3　【案例】顯示隱藏密碼明文　102 6.5.4　操作元素樣式　103 6.5.5　【案例】顯示隱藏文本框內(nèi)容　106 本章小結(jié)　107 課后練習(xí)　107 第7章　DOM（下）　109 學(xué)習(xí)目標(biāo)　109 7.1　排他操作　109 7.1.1　排他思想簡介　109 7.1.2　【案例】鼠標(biāo)指針經(jīng)過時(shí)背景變色　110 7.2　屬性操作　112 7.2.1　獲取屬性值　112 7.2.2　設(shè)置屬性值　112 7.2.3　移除屬性　113 7.2.4　【案例】Tab欄切換　114 7.3　自定義屬性　116 7.3.1　設(shè)置屬性值　116 7.3.2　獲取屬性值　117 7.4　節(jié)點(diǎn)基礎(chǔ)　117 7.4.1　什么是節(jié)點(diǎn)　117 7.4.2　節(jié)點(diǎn)層級(jí)　118 7.4.3　【案例】下拉菜單　121 7.5　節(jié)點(diǎn)操作　123 7.5.1　創(chuàng)建節(jié)點(diǎn)　123 7.5.2　添加和刪除節(jié)點(diǎn)　123 7.5.3　【案例】簡易留言板　123 7.5.4　復(fù)制節(jié)點(diǎn)　125 7.6　事件進(jìn)階　126 7.6.1　注冊事件　126 7.6.2　刪除事件　128 7.6.3　DOM事件流　128 7.7　事件對象　129 7.7.1　什么是事件對象　129 7.7.2　事件對象的使用　129 7.7.3　事件對象的常用屬性和方法　130 7.8　鼠標(biāo)事件　132 7.8.1　鼠標(biāo)事件的常用方法　132 7.8.2　鼠標(biāo)事件對象　133 7.8.3　【案例】圖片跟隨鼠標(biāo)指針移動(dòng)　134 7.9　鍵盤事件　135 7.9.1　鍵盤事件的常用方法　135 7.9.2　鍵盤事件對象　135 7.9.3　【案例】文本框提示信息　136 本章小結(jié)　137 課后練習(xí)　137 第8章　BOM　140 學(xué)習(xí)目標(biāo)　140 8.1　BOM簡介　140 8.1.1　什么是BOM　140 8.1.2　BOM與DOM的區(qū)別　140 8.1.3　BOM的構(gòu)成　141 8.2　window對象的常見事件　141 8.2.1　窗口加載事件　141 8.2.2　調(diào)整窗口大小事件　142 8.3　定時(shí)器　143 8.3.1　定時(shí)器方法　143 8.3.2　【案例】3秒后自動(dòng)關(guān)閉廣告　144 8.3.3　【案例】60秒內(nèi)只能發(fā)送一次短信　144 8.4　JavaScript執(zhí)行機(jī)制　146 8.4.1　單線程　146 8.4.2　同步和異步　146 8.4.3　執(zhí)行機(jī)制　146 8.5　location對象　147 8.5.1　URL的組成　147 8.5.2　location的常用屬性　148 8.5.3　【案例】獲取URL參數(shù)　148 8.5.4　location的常用方法　149 8.6　navigator對象　149 8.7　history對象　150 本章小結(jié)　151 課后練習(xí)　151 第9章　JavaScript的網(wǎng)頁特效　152 學(xué)習(xí)目標(biāo)　152 9.1　元素偏移量offset系列　152 9.1.1　offset概述　152 9.1.2　offset與style的區(qū)別　154 9.1.3　【案例】模態(tài)框拖曳效果　155 9.1.4　【案例】放大鏡效果　159 9.2　元素可視區(qū)client系列　164 9.3　元素滾動(dòng)scroll系列　165 9.3.1　scroll概述　165 9.3.2　【案例】固定側(cè)邊欄效果　167 本章小結(jié)　171 課后練習(xí)　171 第　10章 jQuery（上）　173 學(xué)習(xí)目標(biāo)　173 10.1　初識(shí)jQuery　173 10.1.1　什么是jQuery　173 10.1.2　獲取jQuery　174 10.1.3　使用jQuery　175 10.1.4　jQuery對象　177 10.2　jQuery選擇器　178 10.2.1　基本選擇器　178 10.2.2　層級(jí)選擇器　179 10.2.3　篩選選擇器　180 10.2.4　【案例】下拉菜單　181 10.2.5　排他思想　182 10.2.6　【案例】精品展示　182 10.2.7　其他選擇器　184 10.3　jQuery樣式操作　186 10.3.1　修改樣式　187 10.3.2　類操作　187 10.3.3　【案例】Tab欄切換　189 10.4　jQuery動(dòng)畫　190 10.4.1　顯示與隱藏效果　190 10.4.2　滑動(dòng)效果　192 10.4.3　停止動(dòng)畫　193 10.4.4　淡入淡出　194 10.4.5　自定義動(dòng)畫　195 10.4.6　【案例】手風(fēng)琴　196 本章小結(jié)　199 課后練習(xí)　199 第　11章 jQuery（下）　201 學(xué)習(xí)目標(biāo)　201 11.1　jQuery屬性操作　201 11.1.1　prop()方法　201 11.1.2　attr()方法　202 11.1.3　data()方法　202 11.1.4　【案例】購物車商品全選　203 11.2　jQuery內(nèi)容操作　206 11.2.1　jQuery中的內(nèi)容操作方法　206 11.2.2　【案例】在購物車中增減商品數(shù)量　207 11.2.3　【案例】購物車商品小計(jì)　208 11.3　jQuery元素操作　209 11.3.1　遍歷元素　209 11.3.2　【案例】計(jì)算購物車商品總件數(shù)和總額　210 11.3.3　創(chuàng)建元素　211 11.3.4　添加元素　212 11.3.5　刪除元素　212 11.3.6　【案例】在購物車中刪除商品　213 11.3.7　【案例】在購物車中為選中的商品添加背景色　213 11.4　jQuery尺寸和位置操作　214 11.4.1　尺寸方法　214 11.4.2　位置方法　215 11.4.3　【案例】帶有動(dòng)畫效果的返回頂部　217 11.4.4　【案例】電梯導(dǎo)航　219 11.5　jQuery事件　221 11.5.1　事件綁定　221 11.5.2　事件委派　223 11.5.3　【案例】留言板　224 11.5.4　事件解綁　225 11.5.5　觸發(fā)事件　226 11.5.6　事件對象　227 11.6　jQuery其他方法　228 11.6.1　$.extend()方法　228 11.6.2　$.ajax()方法　229 本章小結(jié)　232 課后練習(xí)　232 第　12章 JavaScript面向?qū)ο螅ㄉ希��?34 學(xué)習(xí)目標(biāo)　234 12.1　面向?qū)ο蟾攀觥?34 12.1.1　面向過程與面向?qū)ο蟆?34 12.1.2　面向?qū)ο蟮膬?yōu)勢　235 12.1.3　面向?qū)ο蟮奶卣鳌?35 12.2　ES 6面向?qū)ο笳Z法　236 12.2.1　類和對象　236 12.2.2　類的基本語法　237 12.2.3　類中的方法　237 12.2.4　繼承　237 12.2.5　super關(guān)鍵字　238 12.3　面向?qū)ο箝_發(fā)標(biāo)簽頁組件　239 12.3.1　功能分析　240 12.3.2　頁面結(jié)構(gòu)　240 12.3.3　切換標(biāo)簽頁　242 12.3.4　添加標(biāo)簽頁　243 12.3.5　刪除標(biāo)簽頁　245 12.3.6　修改標(biāo)簽頁　246 本章小結(jié)　247 課后練習(xí)　247 第　13章 JavaScript面向?qū)ο螅ㄏ拢��?49 學(xué)習(xí)目標(biāo)　249 13.1　構(gòu)造函數(shù)與原型對象　249 13.1.1　構(gòu)造函數(shù)　249 13.1.2　靜態(tài)成員和實(shí)例成員　250 13.1.3　構(gòu)造函數(shù)和類的區(qū)別　250 13.1.4　原型對象　251 13.2　原型鏈　251 13.2.1　訪問對象的原型對象　251 13.2.2　訪問對象的構(gòu)造函數(shù)　252 13.2.3　原型對象的原型對象　253 13.2.4　繪制原型鏈　254 13.2.5　成員查找機(jī)制　255 13.2.6　【案例】利用原型對象擴(kuò)展數(shù)組方法　256 13.3　this的指向　256 13.3.1　分析this指向　256 13.3.2　更改this指向　257 13.4　錯(cuò)誤處理　258 13.4.1　如何進(jìn)行錯(cuò)誤處理　258 13.4.2　錯(cuò)誤對象的傳遞　259 13.4.3　拋出錯(cuò)誤對象　259 13.4.4　錯(cuò)誤類型　260 13.5　繼承　260 13.5.1　借用構(gòu)造函數(shù)繼承父類屬性　260 13.5.2　利用原型對象繼承父類方法　261 本章小結(jié)　262 課后練習(xí)　263 第　14章 正則表達(dá)式　265 學(xué)習(xí)目標(biāo)　265 14.1　認(rèn)識(shí)正則表達(dá)式　265 14.1.1　什么是正則表達(dá)式　265 14.1.2　正則表達(dá)式的特點(diǎn)　265 14.1.3　正則表達(dá)式的使用　266 14.1.4　模式修飾符　266 14.2　正則表達(dá)式中的特殊字符　267 14.2.1　邊界符　267 14.2.2　預(yù)定義類　267 14.2.3　字符類　268 14.2.4　取反符　269 14.2.5　【案例】用戶名驗(yàn)證　269 14.3　量詞符與括號(hào)字符　270 14.3.1　量詞符　270 14.3.2　括號(hào)字符　271 14.3.3　正則表達(dá)式優(yōu)先級(jí)　274 14.3.4　【案例】身份證號(hào)碼驗(yàn)證　274 14.4　String類中的方法　275 14.4.1　match()方法　276 14.4.2　search()方法　276 14.4.3　split()方法　276 14.4.4　replace()方法　277 14.4.5　【案例】查找并替換敏感詞　277 本章小結(jié)　278 課后練習(xí)　278