內(nèi)容簡(jiǎn)介

本書以零基礎(chǔ)講解為宗旨，用實(shí)例引導(dǎo)讀者深入學(xué)習(xí)，采取JavaScript基礎(chǔ)知識(shí)→JavaScript核心技術(shù)→JavaScript高級(jí)應(yīng)用→網(wǎng)頁(yè)特效應(yīng)用案例的講解模式，深入淺出地講解了JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)動(dòng)態(tài)網(wǎng)站的各項(xiàng)技術(shù)及實(shí)戰(zhàn)技能。

本書適合任何想學(xué)習(xí)JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的人員，無論您是否從事計(jì)算機(jī)相關(guān)行業(yè)，無論您是否接觸過JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)，通過學(xué)習(xí)本書內(nèi)容均可快速掌握JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)動(dòng)態(tài)網(wǎng)站的方法和技巧。

前    言

　　"網(wǎng)站開發(fā)案例課堂"系列圖書是專門為網(wǎng)站開發(fā)和數(shù)據(jù)庫(kù)初學(xué)者量身定做的一套學(xué)習(xí)用書，由IT應(yīng)用實(shí)訓(xùn)中心的高級(jí)講師編著，整套書涵蓋網(wǎng)站開發(fā)、數(shù)據(jù)庫(kù)設(shè)計(jì)等方面。整套書具有以下特點(diǎn)。

 

  前沿科技

　　無論是網(wǎng)站建設(shè)、數(shù)據(jù)庫(kù)設(shè)計(jì)還是HTML5、CSS3，精選的是較為前沿或者用戶群最多的領(lǐng)域，幫助大家認(rèn)識(shí)和了解最新動(dòng)態(tài)。

 

  權(quán)威的作者團(tuán)隊(duì)

　　組織國(guó)家重點(diǎn)實(shí)驗(yàn)室和資深應(yīng)用專家聯(lián)手編著該套圖書，融合了豐富的教學(xué)經(jīng)驗(yàn)與優(yōu)秀的管理理念。

 

  學(xué)習(xí)型案例設(shè)計(jì)

　　以技術(shù)的實(shí)際應(yīng)用過程為主線，全程采用圖解和多媒體同步結(jié)合的教學(xué)方式，生動(dòng)、直觀、全面地剖析使用過程中的各種應(yīng)用技能，降低難度，提升學(xué)習(xí)效率。

 

為什么要寫這樣一本書

　　隨著網(wǎng)絡(luò)的發(fā)展，很多企事業(yè)單位和廣大網(wǎng)民對(duì)于建立網(wǎng)站的需求越來越強(qiáng)烈，另外對(duì)于大中專院校，很多學(xué)生需要做畢業(yè)設(shè)計(jì)，但是這些讀者既不懂網(wǎng)頁(yè)代碼程序，又不知道從哪里下手。為此，本書針對(duì)這樣的零基礎(chǔ)讀者，全面帶領(lǐng)讀者學(xué)習(xí)JavaScript的相關(guān)知識(shí)，讀者在學(xué)習(xí)JavaScript中遇到的技術(shù)，本書基本上都有詳細(xì)講解。通過本書的實(shí)訓(xùn)，讀者可以很快地進(jìn)行JavaScript動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)，提高職業(yè)化能力，從而解決公司實(shí)際需求問題。

 

本書特色

 

  零基礎(chǔ)、入門級(jí)的講解

　　無論您是否從事計(jì)算機(jī)相關(guān)行業(yè)，無論您是否接觸過JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)和動(dòng)態(tài)網(wǎng)站開發(fā)，都能從本書中找到最佳起點(diǎn)。

 

 實(shí)用、專業(yè)的范例和項(xiàng)目

　　本書在編排上緊密結(jié)合深入學(xué)習(xí)JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)動(dòng)態(tài)網(wǎng)站技術(shù)的過程，從JavaScript基本操作開始，逐步帶領(lǐng)讀者學(xué)習(xí)JavaScript的各種應(yīng)用技巧，側(cè)重實(shí)戰(zhàn)技能，使用簡(jiǎn)單易懂的實(shí)際案例進(jìn)行分析和操作指導(dǎo)，讓讀者學(xué)起來簡(jiǎn)明輕松，操作起來有章可循。

 

 

 隨時(shí)檢測(cè)自己的學(xué)習(xí)成果

　　每章首頁(yè)中均提供了學(xué)習(xí)目標(biāo)，可指導(dǎo)讀者重點(diǎn)學(xué)習(xí)及學(xué)后檢查。

　　每章最后的"跟我練練手"板塊均根據(jù)該章內(nèi)容精選而成，讀者可以隨時(shí)檢測(cè)自己的學(xué)習(xí)成果和實(shí)戰(zhàn)能力，做到融會(huì)貫通。

 

  細(xì)致入微、貼心提示

　　本書在講解過程中，在各章中使用了"注意"、"提示"、"技巧"等小欄目，使讀者在學(xué)習(xí)過程中能更清楚地了解相關(guān)操作、理解相關(guān)概念，并輕松掌握各種操作技巧。

 

 專業(yè)創(chuàng)作團(tuán)隊(duì)和技術(shù)支持

　　本書由IT應(yīng)用實(shí)訓(xùn)中心編著和提供技術(shù)支持。

　　您在學(xué)習(xí)過程中遇到任何問題，可加入智慧學(xué)習(xí)樂園QQ群：221376441進(jìn)行提問，隨時(shí)有資深實(shí)戰(zhàn)型講師答疑。

本書學(xué)習(xí)最佳途徑

　　本書以學(xué)習(xí)JavaScript動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)的最佳制作流程來分配章節(jié)，從最初的JavaScript基本操作開始，講解了JavaScript核心技術(shù)、JavaScript的高級(jí)應(yīng)用等，最后結(jié)合HTML、CSS的相關(guān)知識(shí)講解各種經(jīng)典的動(dòng)態(tài)網(wǎng)頁(yè)特效的制作方法。大致內(nèi)容分配如下圖所示。

 

超值光盤

  全程同步錄像教學(xué)

　　本書所配光盤內(nèi)容涵蓋了書中所有的知識(shí)點(diǎn)，詳細(xì)講解了每個(gè)實(shí)例的制作過程和技術(shù)點(diǎn)，比看書更輕松、收獲更多。

 

  王牌資源大放送

　　贈(zèng)送大量王牌資源，包括本書實(shí)例源文件、教學(xué)幻燈片、本書精品教學(xué)視頻、JavaScript函數(shù)速查手冊(cè)、精選的JavaScript實(shí)例、jQuery選擇器和事件速查手冊(cè)、HTML標(biāo)簽速查表、網(wǎng)頁(yè)樣式與布局案例賞析、精彩網(wǎng)站配色方案賞析、CSS+DIV布局賞析案例。

 

讀者對(duì)象

* 沒有任何JavaScript動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)基礎(chǔ)的初學(xué)者。

* 有一定的JavaScript動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)和基礎(chǔ)，想精通網(wǎng)站開發(fā)的人員。

* 有一定的動(dòng)態(tài)網(wǎng)站開發(fā)基礎(chǔ)，沒有項(xiàng)目經(jīng)驗(yàn)的人員。

* 正在進(jìn)行畢業(yè)設(shè)計(jì)的學(xué)生。

* 大專院校及培訓(xùn)學(xué)校的老師和學(xué)生。

創(chuàng)作團(tuán)隊(duì)

　　本書由劉玉紅策劃，IT應(yīng)用實(shí)訓(xùn)中心高級(jí)組織編寫，參加編寫的人員有蒲娟、付紅、李園、王攀登、郭廣新、侯永崗、劉海松、孫若淞、王月嬌、包慧利、陳偉光、胡同夫、梁云梁和周浩浩。

　　在編寫過程中，我們雖竭盡所能將最好的講解呈現(xiàn)給了讀者，但難免有疏漏和不妥之處，敬請(qǐng)讀者不吝指正。

　　

　　　

 

　　                                                      編  者  

目  錄

第1篇  基礎(chǔ)知識(shí)

 

第1章  打開JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)之門--必須了解的JavaScript知識(shí) 3

1.1  認(rèn)識(shí)JavaScript 4

1.1.1  什么是JavaScript 4

1.1.2  JavaScript的特點(diǎn) 4

1.1.3  JavaScript與Java的區(qū)別 5

1.1.4  JavaScript版本 6

1.2  JavaScript的編寫工具 7

1.2.1  案例--使用記事本

編寫JavaScript 7

1.2.2  案例--使用Dreamweaver

編寫JavaScript 8

1.3  JavaScript在HTML中的使用 9

1.3.1  案例--在HTML網(wǎng)頁(yè)頭中

嵌入JavaScript代碼 9

1.3.2  案例--在HTML網(wǎng)頁(yè)中

嵌入JavaScript代碼 10

1.3.3  案例--在HTML網(wǎng)頁(yè)的元素

事件中嵌入JavaScript代碼 11

1.3.4  案例--在HTML中調(diào)用已經(jīng)

存在的JavaScript文件 12

1.3.5  案例--通過JavaScript偽URL

引入JavaScript腳本代碼 13

1.4  JavaScript和瀏覽器 14

1.4.1  案例--在Internet Explorer中

調(diào)用JavaScript代碼 14

1.4.2  案例--在Firefox中調(diào)用

JavaScript代碼 15

1.4.3  案例--在Opera中調(diào)用

JavaScript代碼 15

1.4.4  案例--瀏覽器中的文檔對(duì)象

類型 15

1.5  跟我練練手 16

1.6  實(shí)戰(zhàn)演練--一個(gè)簡(jiǎn)單的JavaScript

實(shí)例 16

1.7  高手甜點(diǎn) 17

第2章  讀懂JavaScript代碼前提--

JavaScript 編程基礎(chǔ) 19

2.1  JavaScript的基本語(yǔ)法 20

2.1.1  語(yǔ)句執(zhí)行順序 20

2.1.2  區(qū)分大小寫 20

2.1.3  分號(hào)與空格 20

2.1.4  對(duì)代碼行進(jìn)行折行 21

2.1.5  注釋 21

2.1.6  語(yǔ)句 23

2.1.7  語(yǔ)句塊 23

2.2  JavaScript的數(shù)據(jù)結(jié)構(gòu) 24

2.2.1  標(biāo)識(shí)符 24

2.2.2  關(guān)鍵字 25

2.2.3  保留字 25

2.2.4  常量 26

2.2.5  變量 26

2.3  JavaScript的數(shù)據(jù)類型 28

2.3.1  案例--typeof 運(yùn)算符 28

2.3.2  案例--Undefined(未定義)

類型 29

2.3.3  案例--Null(空值)類型 30

2.3.4  案例--Boolean(布爾)類型 31

2.3.5  案例--Number(數(shù)值)類型 32

2.3.6  案例--String(字符串?dāng)?shù)據(jù))

類型 32

2.3.7  案例--Object(對(duì)象數(shù)據(jù))

類型 33

2.4  JavaScript的運(yùn)算符 34

2.4.1  案例--算術(shù)運(yùn)算符 34

2.4.2  案例--比較運(yùn)算符 35

2.4.3  案例--位運(yùn)算符 36

2.4.4  案例--邏輯運(yùn)算符 37

2.4.5  案例--條件運(yùn)算符 39

2.4.6  案例--賦值運(yùn)算符 40

2.4.7  案例--運(yùn)算符優(yōu)先級(jí) 41

2.5  JavaScript的表達(dá)式 43

2.5.1  案例--賦值表達(dá)式 43

2.5.2  案例--算術(shù)表達(dá)式 44

2.5.3  案例--布爾表達(dá)式 44

2.5.4  案例--字符串表達(dá)式 45

2.5.5  案例--類型轉(zhuǎn)換 46

2.6  實(shí)戰(zhàn)演練--局部變量和全局變量的

優(yōu)先級(jí) 47

2.7  跟我練練手 49

2.8  高手甜點(diǎn) 49

第3章  改變程序執(zhí)行方向--程序控制

結(jié)構(gòu)與語(yǔ)句 51

3.1  基本處理流程 52

3.2  賦值語(yǔ)句 52

3.3  條件判斷語(yǔ)句 53

3.3.1  案例--if語(yǔ)句 53

3.3.2  案例--"if...else"語(yǔ)句 54

3.3.3  案例--"if...else if"語(yǔ)句 55

3.3.4  案例--if語(yǔ)句的嵌套 56

3.3.5  案例--switch語(yǔ)句 57

3.4  循環(huán)控制語(yǔ)句 59

3.4.1  案例--while語(yǔ)句 59

3.4.2  案例--"do...while"語(yǔ)句 60

3.4.3  案例--for循環(huán)語(yǔ)句 61

3.5  跳轉(zhuǎn)語(yǔ)句 62

3.5.1  案例--break語(yǔ)句 62

3.5.2  案例--continue語(yǔ)句 63

3.6  案例--使用對(duì)話框 64

3.7  實(shí)戰(zhàn)演練--在頁(yè)面中顯示距離                 

2016年元旦節(jié)的天數(shù) 66

3.8  跟我練練手 68

3.9  高手甜點(diǎn) 68

第4章  JavaScript語(yǔ)言代碼中的

密碼--函數(shù) 69

4.1  函數(shù)的簡(jiǎn)介 70

4.2  定義函數(shù) 70

4.2.1  不指定函數(shù)名 70

4.2.2  指定函數(shù)名 71

4.2.3  函數(shù)參數(shù)的使用 71

4.2.4  案例--函數(shù)返回值 72

4.3  函數(shù)的調(diào)用 74

4.3.1  案例--函數(shù)的簡(jiǎn)單調(diào)用 74

4.3.2  案例--在表達(dá)式中

調(diào)用函數(shù) 75

4.3.3  案例--在事件響應(yīng)中

調(diào)用函數(shù) 75

4.3.4  案例--通過鏈接調(diào)用函數(shù) 76

4.4  JavaScript中常用的函數(shù) 77

4.4.1  案例--嵌套函數(shù) 77

4.4.2  案例--遞歸函數(shù) 78

4.4.3  案例--內(nèi)置函數(shù) 80

4.5  實(shí)戰(zhàn)演練--購(gòu)物簡(jiǎn)易計(jì)算器 87

4.6  跟我練練手 89

4.7  高手甜點(diǎn) 90

第5章  JavaScript 語(yǔ)言基礎(chǔ)--對(duì)象

與數(shù)組 91

5.1  了解對(duì)象 92

5.1.1  什么是對(duì)象 92

5.1.2  面向?qū)ο缶幊?span id="epizqqp1gsyu" class="Apple-tab-span" style="white-space:pre"> 93

5.1.3  JavaScript的內(nèi)部對(duì)象 94

5.2  對(duì)象訪問語(yǔ)句 95

5.2.1  案例--"for...in"

循環(huán)語(yǔ)句 95

5.2.2  案例--with語(yǔ)句 96

5.3  JavaScript中的數(shù)組 97

5.3.1  案例--創(chuàng)建和訪問數(shù)組

對(duì)象 97

5.3.2  案例--使用"for...in"語(yǔ)句

控制數(shù)組 99

5.3.3  案例--Array對(duì)象的常用

屬性和方法 100

5.4  詳解常用的數(shù)組對(duì)象方法 110

5.4.1  案例--連接其他數(shù)組到

當(dāng)前數(shù)組 110

5.4.2  案例--將數(shù)組元素連接為

字符串 111

5.4.3  案例--移除數(shù)組中最后一個(gè)

元素 111

5.4.4  案例--將指定的數(shù)值添加到

數(shù)組中 112

5.4.5  案例--反序排列數(shù)組中的

元素 113

5.4.6  案例--刪除數(shù)組中的第一個(gè)

元素 114

5.4.7  案例--獲取數(shù)組中的一部分

數(shù)據(jù) 115

5.4.8  案例--對(duì)數(shù)組中的元素進(jìn)行

排序 115

5.4.9  案例--將數(shù)組轉(zhuǎn)換成

字符串 117

5.4.10  案例--將數(shù)組轉(zhuǎn)換成本地

字符串 117

5.4.11  案例--在數(shù)組開頭插入

數(shù)據(jù) 118

5.5  創(chuàng)建和使用自定義對(duì)象 119

5.5.1  案例--定義對(duì)象的

構(gòu)造函數(shù) 119

5.5.2  案例--直接對(duì)對(duì)象初始化 121

5.5.3  案例--修改和刪除對(duì)象

實(shí)例的屬性 122

5.5.4  案例--通過原型為對(duì)象添加

新屬性和新方法 123

5.5.5  案例--自定義對(duì)象的嵌套 125

5.5.6  案例--內(nèi)存的分配和釋放 127

5.6  實(shí)戰(zhàn)演練--利用二維數(shù)組創(chuàng)建

動(dòng)態(tài)下拉菜單 127

5.7  跟我練練手 129

5.8  高手甜點(diǎn) 129

第6章  JavaScript的內(nèi)置對(duì)象--

日期與字符串對(duì)象 131

6.1  日期對(duì)象 132

6.1.1  案例--創(chuàng)建日期對(duì)象 132

6.1.2  案例--日期對(duì)象的方法 133

6.2  詳解日期對(duì)象的常用方法 136

6.2.1  案例--返回當(dāng)前日期和

時(shí)間 136

6.2.2  案例--以不同的格式顯示

當(dāng)前日期 137

6.2.3  案例--返回日期所對(duì)應(yīng)的

周次 138

6.2.4  案例--顯示當(dāng)前時(shí)間 139

6.2.5  案例--返回距1970年1月1日

午夜的時(shí)差 140

6.2.6  案例--以不同的格式顯示

UTC日期 140

6.2.7  案例--根據(jù)世界時(shí)返回日期

對(duì)應(yīng)的周次 141

6.2.8  案例--以不同的格式顯示

UTC時(shí)間 142

6.2.9  案例--設(shè)置日期對(duì)象中的

年份、月份與日期值 143

6.2.10  案例--設(shè)置小時(shí)、分鐘與

秒鐘的值 144

6.2.11  案例--設(shè)置Date對(duì)象的

UTC日期 145

6.2.12  案例--返回當(dāng)?shù)貢r(shí)間與

UTC時(shí)間的差值 146

6.2.13  案例--將Date對(duì)象中的日期

轉(zhuǎn)化為字符串格式 147

6.2.14  案例--返回以UTC時(shí)間

表示的日期字符串 147

6.2.15  案例--將日期對(duì)象轉(zhuǎn)化為

本地日期 148

6.2.16  案例--日期間的運(yùn)算 148

6.3  字符串對(duì)象 149

6.3.1  創(chuàng)建字符串對(duì)象的方法 149

6.3.2  字符串對(duì)象的常用屬性 150

6.3.3  字符串對(duì)象的常用方法 151

6.4  詳解字符串對(duì)象的常用方法 152

6.4.1  案例--設(shè)置字符串字體

屬性 152

6.4.2  案例--以閃爍方式顯示

字符串 153

6.4.3  案例--轉(zhuǎn)換字符串的

大小寫 154

6.4.4  案例--連接字符串 155

6.4.5  案例--比較兩個(gè)字符串的

大小 155

6.4.6  案例--分割字符串 156

6.4.7  案例--從字符串中提取

字符串 157

6.5  實(shí)戰(zhàn)演練--制作網(wǎng)頁(yè)隨機(jī)驗(yàn)證碼 158

6.6  跟我練練手 159

6.7  高手甜點(diǎn) 160

第7章  JavaScript的內(nèi)置對(duì)象--

數(shù)值與數(shù)學(xué)對(duì)象 161

7.1  Number對(duì)象 162

7.1.1  案例--創(chuàng)建Number對(duì)象 162

7.1.2  案例--Number對(duì)象的屬性 162

7.1.3  Number對(duì)象的方法 166

7.2  詳解Number對(duì)象常用的方法 166

7.2.1  案例--把Number對(duì)象

轉(zhuǎn)換為字符串 166

7.2.2  案例--把Number對(duì)象

轉(zhuǎn)換為本地格式字符串 167

7.2.3  案例--四舍五入時(shí)指定

小數(shù)位數(shù) 167

7.2.4  案例--返回以指數(shù)記數(shù)法

表示的數(shù)字 168

7.2.5  案例--以指數(shù)記數(shù)法指定

小數(shù)位 169

7.3  Math對(duì)象 169

7.3.1  案例--創(chuàng)建Math對(duì)象 169

7.3.2  案例--Math對(duì)象的屬性 170

7.3.3   Math對(duì)象的方法 171

7.4  詳解Math對(duì)象常用的方法 172

7.4.1  案例--返回?cái)?shù)的絕對(duì)值 172

7.4.2  案例--返回?cái)?shù)的正弦值、

正切值和余弦值 173

7.4.3  案例--返回?cái)?shù)的反正弦值、

正切值和余弦值 175

7.4.4  案例--返回兩個(gè)或多個(gè)

參數(shù)中的最大值或最小值 177

7.4.5  案例--計(jì)算指定數(shù)值的

平方根 178

7.4.6  案例--數(shù)值的冪運(yùn)算 178

7.4.7  案例--計(jì)算指定數(shù)值的

對(duì)數(shù) 179

7.4.8  案例--取整運(yùn)算 180

7.4.9  案例--生成0到1之間的

隨機(jī)數(shù) 180

7.4.10  案例--根據(jù)指定的坐標(biāo)

返回一個(gè)弧度值 181

7.4.11  案例--返回大于或等于

指定參數(shù)的最小整數(shù) 182

7.4.12  案例--返回小于或等于

指定參數(shù)的最大整數(shù) 182

7.4.13  案例--返回以e為

基數(shù)的冪 183

7.5  實(shí)戰(zhàn)演練--使用Math對(duì)象

設(shè)計(jì)程序 184

7.6  跟我練練手 185

7.7  高手甜點(diǎn) 185

 

第8章  編程錯(cuò)誤的終結(jié)者--

JavaScript的調(diào)試與優(yōu)化 187

8.1  常見的錯(cuò)誤和異常 188

8.2  處理異常的方法 189

8.2.1  案例--用onerror事件

處理異常 189

8.2.2  案例--使用

"try...catch...finally"

語(yǔ)句處理異常 191

8.2.3  案例--使用throw語(yǔ)句

拋出異常 192

8.3  使用調(diào)試器 193

8.3.1  案例--IE瀏覽器內(nèi)建的

錯(cuò)誤報(bào)告 193

8.3.2  案例--使用Firefox錯(cuò)誤

控制臺(tái)調(diào)試 194

8.4  JavaScript語(yǔ)言調(diào)試技巧 194

8.4.1  案例--使用alert()語(yǔ)句

進(jìn)行調(diào)試 194

8.4.2  案例--使用write()語(yǔ)句

進(jìn)行調(diào)試 195

8.5  JavaScript優(yōu)化 195

8.5.1  案例--減緩代碼下載時(shí)間 195

8.5.2  案例--合理聲明變量 196

8.5.3  案例--使用內(nèi)置函數(shù)縮短

編譯時(shí)間 197

8.5.4  案例--合理書寫if語(yǔ)句 197

8.5.5  案例--最小化語(yǔ)句數(shù)量 197

8.5.6  案例--節(jié)約使用DOM 197

8.6  跟我練練手 198

8.7  高手甜點(diǎn) 198

 

第2篇  核心技術(shù)

 

第9章  面向?qū)ο缶幊袒�礎(chǔ)--  

文檔對(duì)象模型 203

9.1  了解文檔對(duì)象 204

9.1.1  什么是文檔對(duì)象模型 204

9.1.2  文檔對(duì)象模型的功能 205

9.1.3  文檔對(duì)象的產(chǎn)生過程 206

9.2  認(rèn)識(shí)DOM的節(jié)點(diǎn) 207

9.3  節(jié)點(diǎn)的基本操作 208

9.3.1  案例--創(chuàng)建節(jié)點(diǎn) 209

9.3.2  案例--插入和添加節(jié)點(diǎn) 210

9.3.3  案例--復(fù)制節(jié)點(diǎn) 214

9.3.4  案例--刪除節(jié)點(diǎn)和

替換節(jié)點(diǎn) 216

9.3.5  案例--修改節(jié)點(diǎn) 218

9.4  實(shí)戰(zhàn)演練--在DOM模型中獲得

對(duì)象 219

9.5  跟我練練手 221

9.6  高手甜點(diǎn) 221

第10章  處理文檔對(duì)象--Document 

對(duì)象 223

10.1  文檔對(duì)象概述 224

10.2  文檔對(duì)象的屬性和方法 224

10.2.1  文檔對(duì)象的屬性 224

10.2.2  文檔對(duì)象的方法 225

10.3  文檔對(duì)象的應(yīng)用 225

10.3.1  案例--設(shè)置頁(yè)面顯示顏色 225

10.3.2  案例--網(wǎng)頁(yè)錨點(diǎn)的設(shè)置 229

10.3.3  案例--窗體對(duì)象form的

應(yīng)用 231

10.3.4  案例--在文檔中輸出數(shù)據(jù) 233

10.3.5  案例--打開新窗口并輸出

內(nèi)容 234

10.3.6  案例--引用文檔中的

表單和圖片 235

10.3.7  案例--設(shè)置文檔中的

超鏈接 237

 

10.4  實(shí)戰(zhàn)演練--綜合使用各種對(duì)話框 238

10.5  跟我練練手 240

10.6  高手甜點(diǎn) 240

第11章  處理窗口-- Window窗口 

對(duì)象 241

11.1  了解window對(duì)象屬性和方法 242

11.1.1  window對(duì)象的屬性 242

11.1.2  window對(duì)象的方法 243

11.2  對(duì)話框 243

11.2.1  案例--警告對(duì)話框 243

11.2.2  案例--詢問對(duì)話框 245

11.2.3  案例--提示對(duì)話框 247

11.3  窗口操作 248

11.3.1  案例--打開窗口 248

11.3.2  案例--關(guān)閉窗口 250

11.3.3  案例--控制窗口狀態(tài)欄 251

11.4  實(shí)戰(zhàn)演練--設(shè)置彈出窗口 251

11.5  跟我練練手 253

11.6  高手甜點(diǎn) 253

第12章  有問就有答--

事件和事件處理 255

12.1  了解事件與事件處理 256

12.1.1  事件與事件處理概述 256

12.1.2  JavaScript的常用事件 256

12.1.3  事件處理程序的調(diào)用 259

12.2  鼠標(biāo)鍵盤事件 260

12.2.1  案例--鼠標(biāo)的單擊事件 260

12.2.2  案例--鼠標(biāo)的按下與

松開事件 261

12.2.3  案例--鼠標(biāo)的移入與

移出事件 262

12.2.4  案例--鼠標(biāo)的移動(dòng)事件 263

12.2.5  案例--鍵盤事件 264

12.3  JavaScript處理事件的方式 266

12.3.1  案例--匿名函數(shù)方式 266

12.3.2  案例--顯式聲明方式 267

12.3.3  案例--手工觸發(fā)方式 268

12.4  實(shí)戰(zhàn)演練--通過事件控制

文本框的背景顏色 269

12.5  跟我練練手 271

12.6  高手甜點(diǎn) 271

第13章  頁(yè)面與用戶的互動(dòng)--

表單和表單元素 273

13.1  案例--表單概述 274

13.2  表單基本元素的使用 274

13.2.1  案例--單行文本輸入框 275

13.2.2  案例--多行文本輸入框 275

13.2.3  案例--密碼域 276

13.2.4  案例--單選按鈕 277

13.2.5  案例--復(fù)選框 278

13.2.6  案例--下拉選擇框 279

13.2.7  案例--普通按鈕 279

13.2.8  案例--提交按鈕 280

13.2.9  案例--重置按鈕 281

13.3  表單高級(jí)元素的使用 282

13.3.1  案例--url屬性 282

13.3.2  案例--eamil屬性 283

13.3.3  案例--date和time 284

13.3.4  案例--number屬性 285

13.3.5  案例--range屬性 285

13.3.6  案例--required屬性 286

13.4  表單對(duì)象在javascript中的應(yīng)用 287

13.4.1  案例--HTML表單基礎(chǔ) 287

13.4.2  案例--編輯表單元素的

腳本 291

13.4.3  案例--使用JavaScript獲取

網(wǎng)頁(yè)內(nèi)容實(shí)現(xiàn)數(shù)據(jù)驗(yàn)證 295

13.5  實(shí)戰(zhàn)演練--創(chuàng)建用戶反饋表單 297

13.6  跟我練練手 298

13.7  高手甜點(diǎn) 299

第14章  級(jí)聯(lián)樣式表--CSS 301

14.1  CSS簡(jiǎn)介 302

14.1.1  CSS的功能 302

14.1.2  CSS發(fā)展歷史 302

14.1.3  瀏覽器與CSS 303

14.1.4  CSS基礎(chǔ)語(yǔ)法 303

14.2  編輯和瀏覽CSS 304

14.2.1  案例--手工編寫CSS 304

14.2.2  案例--Dreamweaver

編寫CSS 305

14.3  在HTML中使用CSS的方法 306

14.3.1  案例--行內(nèi)樣式 306

14.3.2  案例--內(nèi)嵌樣式 307

14.3.3  案例--鏈接樣式 308

14.3.4  案例--導(dǎo)入樣式 309

14.3.5  案例--優(yōu)先級(jí)問題 310

14.4  CSS選擇器 313

14.4.1  案例--標(biāo)簽選擇器 313

14.4.2  案例--類選擇器 314

14.4.3  案例--ID選擇器 315

14.4.4  案例--全局選擇器 317

14.4.5  案例--組合選擇器 318

14.4.6  案例--繼承選擇器 319

14.4.7  案例--偽類 320

14.4.8  案例--屬性選擇器 321

14.4.9  案例--結(jié)構(gòu)偽類選擇器 323

14.4.10  案例--UI元素狀態(tài)

偽類選擇器 324

14.5  選擇器聲明 326

14.5.1  案例--集體聲明 326

14.5.2  案例--多重嵌套聲明 327

14.6  實(shí)戰(zhàn)演練--制作五彩標(biāo)題 328

14.7  跟我練練手 330

14.8  高手甜點(diǎn) 331

第15章  JavaScript控制樣式表 333

15.1  DHTML簡(jiǎn)介 334

15.2  前臺(tái)動(dòng)態(tài)網(wǎng)頁(yè)效果 334

15.2.1  案例--動(dòng)態(tài)內(nèi)容 334

15.2.2  案例--動(dòng)態(tài)樣式 335

15.2.3  案例--動(dòng)態(tài)定位 337

15.2.4  案例--顯示與隱藏 339

15.3  實(shí)戰(zhàn)演練--控制表單背景色和文字提示 340

15.4  跟我練練手 343

15.5  高手甜點(diǎn) 343

 

第3篇  高級(jí)應(yīng)用

 

第16章  頁(yè)面打印和瀏覽器檢測(cè) 347

16.1  案例--使用WebBrowser組件的

execWB()方法打印 348

16.2  案例--打印指定框架中的內(nèi)容 352

16.3  案例--分頁(yè)打印 353

16.4  案例--設(shè)置頁(yè)眉/頁(yè)腳 356

16.5  瀏覽器檢測(cè)對(duì)象 359

16.5.1  瀏覽器對(duì)象的屬性 359

16.5.2  案例--檢測(cè)瀏覽器的

名稱與版本 359

16.6  跟我練練手 360

16.7  高手甜點(diǎn) 361

第17章  網(wǎng)絡(luò)中的鴻雁 --Cookie 363

17.1  Cookie概述 364

17.1.1  設(shè)置Cookie 364

17.1.2  保存Cookie數(shù)據(jù) 367

17.2  Cookie的常見操作 368

17.2.1  案例--創(chuàng)建Cookie 368

17.2.2  案例--讀取Cookie數(shù)據(jù) 369

17.2.3  案例--刪除Cookie 369

17.3  實(shí)戰(zhàn)演練--在歡迎界面中設(shè)置和

檢查Cookie 370

17.4  跟我練練手 372

17.5  高手甜點(diǎn) 372

第18章  JavaScript中的XML編程 373

18.1  XML編程基礎(chǔ) 374

18.1.1  XPath簡(jiǎn)介 374

18.1.2  XSLT簡(jiǎn)介 374

18.2  XML語(yǔ)法基礎(chǔ) 375

18.2.1  案例--XML的基本應(yīng)用 375

18.2.2  案例--XML文檔組成和

聲明 377

18.2.3  案例--XML元素介紹 378

18.3  CSS修飾XML文件 380

18.3.1  案例--XML使用CSS 380

18.3.2  案例--設(shè)置字體屬性 381

18.3.3  案例--設(shè)置色彩屬性 382

18.3.4  案例--設(shè)置邊框?qū)傩?span id="epizqqp1gsyu" class="Apple-tab-span" style="white-space:pre"> 384

18.3.5  案例--設(shè)置文本屬性 385

18.4  瀏覽器中的XML DOM 386

18.4.1  案例--IE瀏覽器中的

XML DOM 386

18.4.2  案例--Firefox瀏覽器中的

XML DOM 391

18.5  瀏覽器中的XPath 393

18.5.1  案例--IE瀏覽器中的

XPath 393

18.5.2  案例--Firefox瀏覽器中的

XPath 394

18.6  瀏覽器中的XSLT 395

18.6.1  案例--IE瀏覽器中的

XSLT 395

18.6.2  案例--Firefox瀏覽器中的

XSLT 399

18.7  跟我練練手 400

18.8  高手甜點(diǎn) 400

第19章  Ajax技術(shù) 401

19.1  Ajax概述 402

19.1.1  什么是Ajax 402

19.1.2  Ajax的關(guān)鍵元素 404

19.1.3  CSS在Ajax應(yīng)用中的地位 405

19.2  Ajax快速入門 406

19.2.1  全面剖析XML Http Request

對(duì)象 406

19.2.2  發(fā)出Ajax請(qǐng)求 408

19.2.3  處理服務(wù)器響應(yīng) 409

19.3  實(shí)戰(zhàn)演練--制作自由拖動(dòng)的網(wǎng)頁(yè) 411

19.4  跟我練練手 416

19.5  高手甜點(diǎn) 416

第20章  JavaScript的優(yōu)秀倉(cāng)庫(kù)-- 

jQuery 417

20.1  jQuery概述 418

20.1.1  jQuery能做什么 418

20.1.2  jQuery的特點(diǎn) 418

20.2  jQuery的配置 419

20.3  使用jQuery的插件 419

20.3.1  常見的jQuery的插件 420

20.3.2  案例--如何使用插件 421

20.4  jQuery選擇器 422

20.4.1  案例--jQuery的工廠函數(shù) 422

20.4.2  案例--常見選擇器 423

20.5  jQuery控制頁(yè)面 425

20.5.1  案例--對(duì)標(biāo)記的屬性進(jìn)行

操作 425

20.5.2  案例--對(duì)表單元素屬性進(jìn)行

操作 427

20.5.3  案例--對(duì)元素的CSS樣式

進(jìn)行操作 429

20.6  jQuery的事件處理 431

20.6.1  案例--頁(yè)面加載響應(yīng)事件 431

20.6.2  案例--事件捕獲與

事件冒泡 432

20.7  jQuery的動(dòng)畫效果 433

20.7.1  案例--基本的動(dòng)畫效果 433

20.7.2  案例--動(dòng)畫的淡入和

淡出效果 437

20.7.3  案例--滑動(dòng)效果 442

20.7.4  案例--自定義的動(dòng)畫效果 445

20.8  實(shí)戰(zhàn)演練--制作絢麗的多級(jí)動(dòng)畫

菜單 446

20.9  跟我練練手 451

20.10  高手甜點(diǎn) 451

第21章  JavaScript的安全性 453

21.1  案例--設(shè)置IE瀏覽器的

安全區(qū)域 454

21.2  JavaScript代碼安全 455

21.2.1  案例--屏蔽部分按鍵 455

21.2.2  案例--屏蔽鼠標(biāo)右鍵 457

21.2.3  案例--禁止網(wǎng)頁(yè)另存為 458

21.2.4  案例--禁止復(fù)制網(wǎng)頁(yè)內(nèi)容 459

21.3  案例--JavaScript代碼加密 460

21.4  跟我練練手 461

21.5  高手甜點(diǎn) 462

 

第4篇  網(wǎng)頁(yè)特效應(yīng)用案例

 

第22章  經(jīng)典的網(wǎng)頁(yè)動(dòng)態(tài)

特效案例 465

22.1  文字特效 466

22.1.1  案例--設(shè)置打字效果的

文字 466

22.1.2  案例--設(shè)置文字的

升降特效 468

22.1.3  案例--設(shè)置跑馬燈效果 470

22.2  圖片特效 471

22.2.1  案例--設(shè)置閃爍圖片 471

22.2.2  案例--設(shè)置左右移動(dòng)

的圖片 473

22.3  網(wǎng)頁(yè)菜單特效 475

22.3.1  案例--設(shè)置向上滾動(dòng)

菜單 475

22.3.2  案例--設(shè)置樹形菜單 477

22.4  鼠標(biāo)特效 481

22.4.1  案例--設(shè)置圖片跟蹤

鼠標(biāo) 482

22.4.2  案例--設(shè)置文字跟蹤

鼠標(biāo) 483

22.5  時(shí)間特效 485

22.5.1  案例--設(shè)置時(shí)鐘特效 485

22.5.2  案例--制作日歷表 489

22.6  頁(yè)面特效 492

22.6.1  案例--設(shè)置顏色選擇器 492

22.6.2  案例--設(shè)置網(wǎng)頁(yè)

自動(dòng)滾屏 494

22.7  跟我練練手 497

22.8  高手甜點(diǎn) 497