第 1章　初識JavaScript 001 學習目標　001 1.1　什么是JavaScript　001 1.1.1　JavaScript概述　001 1.1.2　JavaScript的誕生與發(fā)展　002 1.1.3　JavaScript的特點　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　控制臺的使用　010 1.4　JavaScript變量　010 1.4.1　什么是變量　011 1.4.2　變量的使用　011 1.4.3　變量的應用案例　011 1.4.4　變量的語法細節(jié)　012 1.4.5　變量的命名規(guī)范　013 1.4.6　【案例】交換兩個變量的值　014 本章小結(jié)　015 課后練習　015 第　2章 JavaScript基礎(chǔ)（上）　016 學習目標　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　運算符　023 2.3.1　算術(shù)運算符　024 2.3.2　遞增和遞減運算符　024 2.3.3　比較運算符　025 2.3.4　邏輯運算符　026 2.3.5　賦值運算符　027 2.3.6　三元運算符　028 2.3.7　運算符優(yōu)先級　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　【案例】查詢水果的價格　034 本章小結(jié)　034 課后練習　035 第3章　JavaScript基礎(chǔ)（下）　036 學習目標　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ù)組　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 課后練習　054 第4章　JavaScript函數(shù)　055 學習目標　055 4.1　初識函數(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ù)求任意兩個數(shù)的最大值　058 4.2.2　利用函數(shù)求任意一個數(shù)組中的最大值　059 4.2.3　利用return提前終止函數(shù)　059 4.2.4　利用return返回數(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ù)進階　062 4.4.1　函數(shù)表達式　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ù)的實現(xiàn)　066 4.7　預解析　066 本章小結(jié)　067 課后練習　067 第5章　JavaScript對象　069 學習目標　069 5.1　初識對象　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ù)學對象　076 5.3　Math對象　076 5.3.1　Math對象的使用　076 5.3.2　生成指定范圍的隨機數(shù)　077 5.3.3　【案例】猜數(shù)字游戲　077 5.4　日期對象　078 5.4.1　日期對象的使用　078 5.4.2　【案例】統(tǒng)計代碼執(zhí)行時間　080 5.4.3　【案例】倒計時　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ù)組去除重復元素　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)計出現(xiàn)最多的字符和次數(shù)　087 5.6.5　字符串操作方法　088 5.6.6　【案例】判斷用戶名是否合法　089 5.7　值類型和引用類型　089 本章小結(jié)　090 課后練習　091 第6章　DOM（上）　092 學習目標　092 6.1　Web API簡介　092 6.1.1　初識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ù)標簽獲取元素　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 課后練習　107 第7章　DOM（下）　109 學習目標　109 7.1　排他操作　109 7.1.1　排他思想簡介　109 7.1.2　【案例】鼠標指針經(jīng)過時背景變色　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é)點基礎(chǔ)　117 7.4.1　什么是節(jié)點　117 7.4.2　節(jié)點層級　118 7.4.3　【案例】下拉菜單　121 7.5　節(jié)點操作　123 7.5.1　創(chuàng)建節(jié)點　123 7.5.2　添加和刪除節(jié)點　123 7.5.3　【案例】簡易留言板　123 7.5.4　復制節(jié)點　125 7.6　事件進階　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　鼠標事件　132 7.8.1　鼠標事件的常用方法　132 7.8.2　鼠標事件對象　133 7.8.3　【案例】圖片跟隨鼠標指針移動　134 7.9　鍵盤事件　135 7.9.1　鍵盤事件的常用方法　135 7.9.2　鍵盤事件對象　135 7.9.3　【案例】文本框提示信息　136 本章小結(jié)　137 課后練習　137 第8章　BOM　140 學習目標　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　定時器　143 8.3.1　定時器方法　143 8.3.2　【案例】3秒后自動關(guān)閉廣告　144 8.3.3　【案例】60秒內(nèi)只能發(fā)送一次短信　144 8.4　JavaScript執(zhí)行機制　146 8.4.1　單線程　146 8.4.2　同步和異步　146 8.4.3　執(zhí)行機制　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 課后練習　151 第9章　JavaScript的網(wǎng)頁特效　152 學習目標　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　元素滾動scroll系列　165 9.3.1　scroll概述　165 9.3.2　【案例】固定側(cè)邊欄效果　167 本章小結(jié)　171 課后練習　171 第　10章 jQuery（上）　173 學習目標　173 10.1　初識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　層級選擇器　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動畫　190 10.4.1　顯示與隱藏效果　190 10.4.2　滑動效果　192 10.4.3　停止動畫　193 10.4.4　淡入淡出　194 10.4.5　自定義動畫　195 10.4.6　【案例】手風琴　196 本章小結(jié)　199 課后練習　199 第　11章 jQuery（下）　201 學習目標　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　【案例】購物車商品小計　208 11.3　jQuery元素操作　209 11.3.1　遍歷元素　209 11.3.2　【案例】計算購物車商品總件數(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　【案例】帶有動畫效果的返回頂部　217 11.4.4　【案例】電梯導航　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 課后練習　232 第　12章 JavaScript面向?qū)ο螅ㄉ希��?34 學習目標　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ā)標簽頁組件　239 12.3.1　功能分析　240 12.3.2　頁面結(jié)構(gòu)　240 12.3.3　切換標簽頁　242 12.3.4　添加標簽頁　243 12.3.5　刪除標簽頁　245 12.3.6　修改標簽頁　246 本章小結(jié)　247 課后練習　247 第　13章 JavaScript面向?qū)ο螅ㄏ拢��?49 學習目標　249 13.1　構(gòu)造函數(shù)與原型對象　249 13.1.1　構(gòu)造函數(shù)　249 13.1.2　靜態(tài)成員和實例成員　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　成員查找機制　255 13.2.6　【案例】利用原型對象擴展數(shù)組方法　256 13.3　this的指向　256 13.3.1　分析this指向　256 13.3.2　更改this指向　257 13.4　錯誤處理　258 13.4.1　如何進行錯誤處理　258 13.4.2　錯誤對象的傳遞　259 13.4.3　拋出錯誤對象　259 13.4.4　錯誤類型　260 13.5　繼承　260 13.5.1　借用構(gòu)造函數(shù)繼承父類屬性　260 13.5.2　利用原型對象繼承父類方法　261 本章小結(jié)　262 課后練習　263 第　14章 正則表達式　265 學習目標　265 14.1　認識正則表達式　265 14.1.1　什么是正則表達式　265 14.1.2　正則表達式的特點　265 14.1.3　正則表達式的使用　266 14.1.4　模式修飾符　266 14.2　正則表達式中的特殊字符　267 14.2.1　邊界符　267 14.2.2　預定義類　267 14.2.3　字符類　268 14.2.4　取反符　269 14.2.5　【案例】用戶名驗證　269 14.3　量詞符與括號字符　270 14.3.1　量詞符　270 14.3.2　括號字符　271 14.3.3　正則表達式優(yōu)先級　274 14.3.4　【案例】身份證號碼驗證　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 課后練習　278