第 一篇 初識(shí)JavaScript


第　1章 JavaScript簡(jiǎn)介　2


1.1　什么是JavaScript　3


1.2　JavaScript與Java的區(qū)別　3


1.3　JavaScript能做什么　4


1.4　JavaScript不能做什么　4


1.5　JavaScript實(shí)現(xiàn)　5


1.6　搭建JavaScript環(huán)境　6


1.6.1　瀏覽器　6


1.6.2　Web服務(wù)器（WAMP）　7


1.7　編寫(xiě)第 一個(gè)JavaScript程序　7


【任務(wù)1-1】熱身　8


1.8　小結(jié)　8


第二篇　JavaScript必備基礎(chǔ)知識(shí)


第　2章 JavaScript基本語(yǔ)法　10


2.1　JavaScript在HTML中的使用　11


【任務(wù)2-1】在HTML中使用JavaScript　12


2.2　JavaScript代碼調(diào)試方式　13


2.3　語(yǔ)句　15


2.4　變量　15


2.4.1　變量的概念　15


2.4.2　變量的類(lèi)型　15


2.4.3　變量聲明賦值　16


【任務(wù)2-2】變量賦值　16


2.4.4　變量作用域　16


2.4.5　變量提升　17


【任務(wù)2-3】運(yùn)用變量提升　19


2.5　數(shù)據(jù)類(lèi)型　20


2.5.1　基本數(shù)據(jù)類(lèi)型　20


2.5.2　引用數(shù)據(jù)類(lèi)型　22


2.5.3　基本數(shù)據(jù)類(lèi)型和引用數(shù)據(jù)類(lèi)型的區(qū)別　27


2.5.4　數(shù)據(jù)類(lèi)型轉(zhuǎn)換　28


2.6　表達(dá)式和運(yùn)算符　32


2.6.1　表達(dá)式和運(yùn)算符的概念　33


2.6.2　運(yùn)算符類(lèi)型　33


2.6.3　運(yùn)算符優(yōu)先級(jí)　46


2.7　關(guān)鍵字及保留字　47


2.8　正則表達(dá)式　48


2.8.1　正則表達(dá)式定義及特性　48


2.8.2　正則表達(dá)式語(yǔ)法　49


2.8.3　正則表達(dá)式在JavaScript中的使用　54


2.8.4　常見(jiàn)實(shí)例　55


【任務(wù)2-4】用正則表達(dá)式判斷字符串中中文和英文的個(gè)數(shù)　58


2.9　注釋　58


【任務(wù)2-5】使用注釋　59


2.10　實(shí)戰(zhàn)　60


【案例2-1】——用位運(yùn)算符實(shí)現(xiàn)加減運(yùn)算　60


2.11　小結(jié)　61


第3章　JavaScript程序構(gòu)成　62


3.1　程序控制流　63


3.1.1　if條件語(yǔ)句　63


3.1.2　for循環(huán)語(yǔ)句　63


3.1.3　for...in循環(huán)語(yǔ)句　64


3.1.4　while循環(huán)語(yǔ)句　64


3.1.5　label語(yǔ)句　64


3.1.6　break和continue語(yǔ)句　64


3.1.7　do...while語(yǔ)句　67


3.1.8　switch語(yǔ)句　67


【任務(wù)3-1】使用條件語(yǔ)句　68


3.2　函數(shù)　69


3.2.1　函數(shù)表達(dá)式及語(yǔ)法　69


3.2.2　函數(shù)參數(shù)　69


3.2.3　函數(shù)返回值　74


3.2.4　函數(shù)調(diào)用模式　76


【任務(wù)3-2】定義及調(diào)用函數(shù)　78


3.2.5　call和apply的區(qū)別　79


3.2.6　遞歸調(diào)用　79


【任務(wù)3-3】使用遞歸函數(shù)　80


3.2.7　作用域　80


3.2.8　異常處理　82


【任務(wù)3-4】異常捕獲與處理　82


3.2.9　閉包　83


3.3　事件及事件處理　85


3.3.1　什么是JavaScript事件　85


3.3.2　JavaScript事件處理程序方式　85


【任務(wù)3-5】使用JavaScript事件處理程序　89


3.3.3　常用窗口事件　90


3.3.4　常用鼠標(biāo)事件　96


3.3.5　常用表單事件　100


3.3.6　常用鍵盤(pán)事件　104


3.4　實(shí)戰(zhàn)　107


【案例3-1】——用循環(huán)實(shí)現(xiàn)Bingo卡片游戲　107


【案例3-2】——利用遞歸函數(shù)求階乘相加　110


3.5　小結(jié)　111


第4章　JavaScript對(duì)象　112


4.1　對(duì)象簡(jiǎn)介　113


4.2　創(chuàng)建對(duì)象　114


【任務(wù)4-1】創(chuàng)建對(duì)象，理解存執(zhí)機(jī)制　117


4.3　對(duì)象特性　118


【任務(wù)4-2】理解JavaScript面向?qū)ο筇匦浴?21


4.4　單體內(nèi)置對(duì)象　123


4.4.1　Global對(duì)象　124


4.4.2　Math對(duì)象　127


4.5　實(shí)戰(zhàn)　129


【案例4-1】——產(chǎn)生n個(gè)不重復(fù)隨機(jī)數(shù)　129


4.6　小結(jié)　130


第5章　JavaScript數(shù)組　131


5.1　數(shù)組及數(shù)組元素　132


5.2　添加和刪除元素　135


5.3　二維及多維數(shù)組　136


【任務(wù)5-1】使用多維數(shù)組　137


5.4　數(shù)組常用方法　139


【任務(wù)5-2】實(shí)現(xiàn)數(shù)組倒轉(zhuǎn)、文本排序及數(shù)值排序　143


5.5　實(shí)戰(zhàn)　144


【案例5-1】——計(jì)算產(chǎn)品銷(xiāo)售額　144


5.6　小結(jié)　146


第三篇　JavaScript技能提升


第6章　窗口和框架　148


6.1　Window對(duì)象概述　149


6.1.1　什么是Window對(duì)象　149


6.1.2　Window對(duì)象屬性和方法　149


6.1.3　窗口相關(guān)操作　156


【任務(wù)6-1】實(shí)現(xiàn)無(wú)間斷的圖片循環(huán)滾動(dòng)效果　160


6.2　窗口框架簡(jiǎn)介　162


6.2.1　什么是窗口框架　162


6.2.2　窗口框架的基本結(jié)構(gòu)　162


6.2.3　窗口框架的分割方式　163


6.3　窗口框架控制　163


6.3.1　框架設(shè)置標(biāo)簽frameset　163


6.3.2　子窗口設(shè)置標(biāo)簽frame　167


6.4　FRAME之間的鏈接　168


【任務(wù)6-2】窗口框架操作　169


6.5　浮動(dòng)窗口　173


6.6　實(shí)戰(zhàn)　174


【案例6-1】——iframe創(chuàng)建動(dòng)態(tài)內(nèi)容　174


6.7　小結(jié)　176


第7章　document對(duì)象　177


7.1　document對(duì)象概述　178


7.2　document對(duì)象屬性　178


7.3　document對(duì)象方法　180


【任務(wù)7-1】運(yùn)用document對(duì)象屬性和方法　182


7.4　document對(duì)象集合　182


7.5　與Window對(duì)象區(qū)別　186


7.6　實(shí)戰(zhàn)　186


【案例7-1】——仿LED跑馬燈效果　186


7.7　小結(jié)　187


第8章　表單　188


8.1　表單基礎(chǔ)　189


8.1.1　提交表單　189


8.1.2　重置表單　191


8.1.3　表單字段　192


【任務(wù)8-1】使用表單elements屬性　196


8.2　表單驗(yàn)證　197


8.3　實(shí)戰(zhàn)　202


【案例8-1】——注冊(cè)表單驗(yàn)證　202


8.4　小結(jié)　208


第9章　算法　209


9.1　冒泡排序　210


9.2　選擇排序　213


9.3　插入排序　215


9.4　希爾排序　217


9.5　歸并排序　219


9.6　快速排序　222


9.7　堆排序　226


9.8　計(jì)數(shù)排序　228


9.9　桶排序　229


9.10　基數(shù)排序　231


9.11　實(shí)戰(zhàn)　234


【案例9-1】——用算法實(shí)現(xiàn)斐波那契數(shù)列　234


【案例9-2】——用算法實(shí)現(xiàn)最少硬幣找零問(wèn)題　235


9.12　小結(jié)　237


第　10章 綜合設(shè)計(jì)實(shí)例——JavaScript特效制作　238


10.1　焦點(diǎn)幻燈片　239


10.1.1　實(shí)例——實(shí)現(xiàn)焦點(diǎn)圖片濾鏡效果　239


10.1.2　實(shí)例——實(shí)現(xiàn)鼠標(biāo)滑入焦點(diǎn)圖切換效果　240


10.2　菜單導(dǎo)航　242


10.2.1　實(shí)例——制作QQ頁(yè)面式導(dǎo)航欄　242


10.2.2　實(shí)例——制作京東式豎排二級(jí)導(dǎo)航　244


10.2.3　實(shí)例——制作淘寶式多級(jí)選擇菜單　248


10.3　Tab選項(xiàng)卡　253


10.3.1　實(shí)例——實(shí)現(xiàn)單擊切換Tab　253


10.3.2　實(shí)例——實(shí)現(xiàn)定時(shí)自動(dòng)切換Tab　255


10.4　圖片特效　259


10.4.1　實(shí)例——實(shí)現(xiàn)圖片放大鏡效果　259


10.4.2　實(shí)例——實(shí)現(xiàn)圖片自動(dòng)滾動(dòng)效果　262


10.5　文字特效　263


10.5.1　實(shí)例——實(shí)現(xiàn)文字閃動(dòng)效果　263


10.5.2　實(shí)例——實(shí)現(xiàn)滾動(dòng)變色的文字效果　265


10.6　表單按鈕特效　266


10.6.1　實(shí)例——實(shí)現(xiàn)按鈕聯(lián)動(dòng)　266


10.6.2　實(shí)例——實(shí)現(xiàn)確認(rèn)提示　267


10.7　小結(jié)　268


第　11章 綜合實(shí)戰(zhàn)——實(shí)現(xiàn)購(gòu)物車(chē)功能　269


11.1　購(gòu)物車(chē)特效布局　270


11.2　準(zhǔn)備工作　273


11.3　商品全選及合計(jì)功能實(shí)現(xiàn)　274


11.4　商品預(yù)覽浮層功能　277


11.5　取消選擇與事件代理　280


11.6　商品價(jià)格計(jì)算　282


11.7　實(shí)現(xiàn)刪除　286


11.8　小結(jié)　290