HTML+CSS+JavaScript入門經(jīng)典 第3版
定 價(jià):199.9 元
作者:[美]珍妮弗·凱瑞恩(Jennifer Kyrnin) [美]朱莉·C·梅洛尼(Julie C.Meloni) 出版時(shí)間:2021/6/1
ISBN:9787115559760
出 版 社:人民郵電出版社
中圖法分類: TP312.8 頁碼:615 紙張: 版次:01 開本:16開
本書是一本介紹HTML、CSS和JavaScript的入門圖書。全書分為6個(gè)部分,共28課。本書系統(tǒng)、全面地介紹了Web前端的基礎(chǔ)知識(shí),并結(jié)合大量最佳實(shí)踐,幫助讀者循序漸進(jìn)地學(xué)習(xí)Web前端設(shè)計(jì)及開發(fā)。
本書第Ⅰ部分包括第1課~第5課,主要介紹Web的基礎(chǔ)知識(shí),涉及Web的基本工作原理,HTML、CSS以及JavaScript概述,基本驗(yàn)證調(diào)試代碼的方法等內(nèi)容。第Ⅱ部分包括第6課~第8課,主要介紹HTML網(wǎng)頁設(shè)計(jì),詳細(xì)描述了HTML中的字體、文本、列表、表格、鏈接、顏色、圖像和多媒體資源等內(nèi)容。第Ⅲ部分包括第9課~第15課,主要介紹CSS高級(jí)網(wǎng)頁設(shè)計(jì),深入分析目前CSS的概念和使用方法,包括盒子模型、布局、過渡及動(dòng)畫等內(nèi)容。第Ⅳ部分包括第16課~第18課,主要介紹響應(yīng)式Web設(shè)計(jì),著重講述了響應(yīng)式Web設(shè)計(jì)、移動(dòng)優(yōu)先以及媒體查詢等知識(shí)。第Ⅴ部分包括第19課~第26課,主要介紹動(dòng)態(tài)網(wǎng)站入門,從文檔對(duì)象入手,深入講解了JavaScript的相關(guān)知識(shí)。第Ⅵ部分包括第27課和第28課,主要介紹高級(jí)網(wǎng)站功能及管理,描述了Web中的表單以及如何更全面地組織和管理網(wǎng)站。
本書非常適合Web前端開發(fā)者,特別是那些想全面學(xué)習(xí)HTML、CSS和JavaScript的開發(fā)者閱讀。
1.經(jīng)典系列入門圖書全新升級(jí),以循序漸進(jìn)的方式教會(huì)讀者最基本的HTML、CSS與JavaScript基礎(chǔ)知識(shí)。
2.每章內(nèi)容針對(duì)初學(xué)者精心設(shè)計(jì),1小時(shí)輕松閱讀學(xué)習(xí),24小時(shí)徹底掌握關(guān)鍵知識(shí)。
2.案例豐富實(shí)用,幫助讀者即學(xué)即用,通過循序漸進(jìn)的示例引導(dǎo)讀者完成常見的Web開發(fā)任務(wù)。
4.提供配套源代碼下載。
珍妮弗·凱瑞恩是網(wǎng)頁設(shè)計(jì)和開發(fā)方面的專業(yè)顧問。她建立并維護(hù)了各種規(guī)模的網(wǎng)站,從小型單頁網(wǎng)站到面向百萬級(jí)國(guó)際用戶的大型數(shù)據(jù)庫(kù)驅(qū)動(dòng)網(wǎng)站。她從1997年開始在線教授HTML、XML和Web設(shè)計(jì),并且是Sams Teach Yourself HTML5 Mobile Application Development、Sams Teach Yourself Responsive Web Design和Sams Teach Yourself Bootstrap的作者。
朱莉·C·梅洛尼是一名軟件開發(fā)經(jīng)理和技術(shù)顧問,生活在華盛頓特區(qū)。她編寫過多本與Web編程語言和數(shù)據(jù)庫(kù)主題相關(guān)的圖書和若干篇文章,其中包括暢銷書Sams Teach Yourself PHP、MySQL and Apache All in One。
第Ⅰ部分 Web入門
第 1課 深入理解Web工作原理 3
1.1 HTML和萬維網(wǎng)簡(jiǎn)史 4
1.2 創(chuàng)建Web內(nèi)容 4
1.3 理解Web內(nèi)容傳遞 5
1.4 選擇Web托管提供商 7
1.5 使用多種Web瀏覽器和設(shè)備進(jìn)行測(cè)試 8
1.6 創(chuàng)建示例文件 9
1.7 使用FTP傳輸文件 10
1.7.1 選擇FTP客戶端 10
1.7.2 使用FTP客戶端 11
1.8 Web服務(wù)器放置文件的位置 13
1.8.1 基本文件管理 13
1.8.2 使用索引頁 15
1.9 在沒有Web服務(wù)器的情況下分發(fā)內(nèi)容 15
1.9.1 在本地發(fā)布內(nèi)容 16
1.9.2 在博客上發(fā)布內(nèi)容 16
1.10 測(cè)試Web內(nèi)容的建議 16
1.11 總結(jié) 17
1.12 問與答 17
1.13 實(shí)踐 18
1.13.1 測(cè)驗(yàn) 18
1.13.2 答案 18
1.14 練習(xí) 19
第 2課 構(gòu)建HTML文檔 20
2.1 準(zhǔn)備工作 21
2.2 簡(jiǎn)單網(wǎng)頁入門 21
2.3 網(wǎng)頁必要的HTML標(biāo)簽 24
2.4 用段落和換行符組織頁面 26
2.5 用標(biāo)題組織內(nèi)容 28
2.6 理解語義元素 31
2.7 多種方式使用
35
2.8 理解元素 37
2.9 使用 38
2.10 實(shí)現(xiàn)元素 38
2.11 何時(shí)使用 39
2.12 有效地使用 40
2.13 總結(jié) 41
2.14 問與答 42
2.15 實(shí)踐 42
2.15.1 測(cè)驗(yàn) 42
2.15.2 答案 43
2.16 練習(xí) 44
第3課 理解層疊樣式表 45
3.1 CSS是如何工作的 45
3.2 基本樣式表 47
3.3 CSS樣式入門 52
3.3.1 基本布局屬性 52
3.3.2 基本格式屬性 53
3.4 使用樣式類 56
3.5 使用樣式ID 57
3.6 內(nèi)部樣式表和內(nèi)聯(lián)樣式 58
3.7 總結(jié) 60
3.8 問與答 61
3.9 實(shí)踐 61
3.9.1 測(cè)驗(yàn) 61
3.9.2 答案 62
3.10 練習(xí) 62
第4課 理解JavaScript 63
4.1 Web腳本基礎(chǔ) 64
4.1.1 腳本和編程 64
4.1.2 JavaScript概述 64
4.2 JavaScript如何應(yīng)用于網(wǎng)頁 65
4.2.1 使用單獨(dú)的JavaScript文件 66
4.2.2 理解JavaScript事件 67
4.3 探索JavaScript的功能 68
4.3.1 改進(jìn)導(dǎo)航 68
4.3.2 表單驗(yàn)證 68
4.3.3 特殊效果 68
4.3.4 遠(yuǎn)程腳本 68
4.4 使用JavaScript顯示時(shí)間 69
4.4.1 使用變量存儲(chǔ)數(shù)據(jù) 69
4.4.2 計(jì)算結(jié)果 70
4.4.3 創(chuàng)建輸出 70
4.4.4 將腳本添加到網(wǎng)頁 71
4.5 測(cè)試腳本 71
4.5.1 修改腳本 72
4.5.2 處理JavaScript錯(cuò)誤 73
4.6 總結(jié) 75
4.7 問與答 75
4.8 實(shí)踐 76
4.8.1 測(cè)驗(yàn) 76
4.8.2 答案 77
4.9 練習(xí) 78
第5課 驗(yàn)證和調(diào)試代碼 79
5.1 驗(yàn)證HTML和CSS代碼 79
5.2 使用開發(fā)者工具調(diào)試HTML和
CSS代碼 81
5.2.1 使用檢查器調(diào)試HTML代碼 83
5.2.2 使用檢查器調(diào)試CSS代碼 88
5.3 使用開發(fā)者工具調(diào)試JavaScript
代碼 92
5.4 總結(jié) 96
5.5 問與答 97
5.6 實(shí)踐 97
5.6.1 測(cè)驗(yàn) 97
5.6.2 答案 97
5.7 練習(xí) 98
第Ⅱ部分 實(shí)用網(wǎng)頁設(shè)計(jì)的組成部分
第6課 使用字體、文本塊、列表和表格 101
6.1 使用特殊字符 102
6.2 粗體、斜體和特殊文本格式 105
6.3 調(diào)整字體 107
6.4 使用Web字體 111
6.5 對(duì)齊頁面上的文本 113
6.5.1 使用樣式、類和ID屬性 113
6.5.2 對(duì)齊塊級(jí)元素 113
6.6 3種類型的HTML列表 115
6.7 列表嵌套 118
6.8 創(chuàng)建簡(jiǎn)單表格 122
6.9 控制表格大小 126
6.10 表格內(nèi)的對(duì)齊和跨距 128
6.11 帶表格的頁面布局 131
6.12 使用CSS columns 132
6.13 總結(jié) 135
6.14 問與答 136
6.15 實(shí)踐 137
6.15.1 測(cè)驗(yàn) 137
6.15.2 答案 137
6.16 練習(xí) 138
第7課 使用外部和內(nèi)部鏈接 139
7.1 使用網(wǎng)址 139
7.2 使用頁面內(nèi)錨鏈接 142
7.2.1 用定位點(diǎn)標(biāo)識(shí)頁面中的位置 142
7.2.2 鏈接到錨點(diǎn) 142
7.3 鏈接到自己的Web內(nèi)容 145
7.4 鏈接到非HTML文件 147
7.5 鏈接到外部Web內(nèi)容 148
7.6 鏈接到電子郵箱地址 149
7.7 在瀏覽器新窗口中打開鏈接 150
7.8 為鏈接賦予標(biāo)題 151
7.9 使用CSS設(shè)置超鏈接樣式 151
7.10 有效地使用鏈接 154
7.11 總結(jié) 155
7.12 問與答 156
7.13 實(shí)踐 157
7.13.1 測(cè)驗(yàn) 157
7.13.2 答案 157
7.14 練習(xí) 158
第8課 使用顏色、圖像和多媒體 159
8.1 選擇顏色的最佳實(shí)踐 160
8.2 了解網(wǎng)頁顏色 161
8.3 使用十六進(jìn)制值表示顏色 163
8.4 使用RGB和RGBa值表示顏色 164
8.5 使用CSS設(shè)置背景、文本和邊框顏色 165
8.6 選擇圖像軟件 167
8.7 圖像必備知識(shí) 168
8.8 準(zhǔn)備攝影圖像 169
8.8.1 裁剪圖像 169
8.8.2 調(diào)整圖像大小 171
8.8.3 調(diào)整圖像顏色 172
8.8.4 控制JPEG壓縮 173
8.9 創(chuàng)建橫幅和按鈕 174
8.10 減少或刪除顏色以優(yōu)化圖像 175
8.11 創(chuàng)建平鋪背景圖像 176
8.12 在網(wǎng)頁上放置圖像 177
8.13 用文本描述圖像 179
8.14 指定圖像高度和寬度 180
8.15 對(duì)齊圖像 181
8.15.1 水平圖像對(duì)齊 181
8.15.2 垂直圖像對(duì)齊 182
8.16 將圖像轉(zhuǎn)換為鏈接 184
8.17 使用背景圖像 187
8.18 使用圖像映射 188
8.18.1 為什么不總需要圖像映射 188
8.18.2 映射圖像中的區(qū)域 189
8.18.3 為圖像映射創(chuàng)建HTML 代碼 189
8.19 鏈接多媒體文件 190
8.20 嵌入多媒體文件 193
8.20.1 使用元素在網(wǎng)頁上 播放視頻 193
8.20.2 使用元素進(jìn)行音頻 播放 195
8.21 使用多媒體的附加提示 197
8.22 總結(jié) 198
8.23 問與答 199
8.24 實(shí)踐 200
8.24.1 測(cè)驗(yàn) 200
8.24.2 答案 201
8.25 練習(xí) 201
第Ⅲ部分 使用CSS進(jìn)行高級(jí)網(wǎng)頁設(shè)計(jì)
第9課 使用外邊距、內(nèi)邊距、對(duì)齊和
浮動(dòng) 205
9.1 使用外邊距 205
9.2 內(nèi)邊距元素 212
9.3 保持對(duì)齊 215
9.4 內(nèi)容塊居中 216
9.5 理解float屬性 216
9.6 總結(jié) 219
9.7 問與答 219
9.8 實(shí)踐 219
9.8.1 測(cè)驗(yàn) 220
9.8.2 答案 220
9.9 練習(xí) 221
第 10課 理解CSS盒子模型和定位 222
10.1 CSS盒子模型 222
10.2 更改盒子模型 225
10.3 整體定位 226
10.4 控制層疊順序 230
10.5 管理文本流 232
10.6 總結(jié) 233
10.7 問與答 233
10.8 實(shí)踐 234
10.8.1 測(cè)驗(yàn) 234
10.8.2 答案 234
10.9 練習(xí) 235
第 11課 使用CSS對(duì)列表、文本和導(dǎo)航進(jìn) 行更多操作 236
11.1 HTML列表刷新器 236
11.2 CSS盒子模型如何作用于 列表 237
11.3 放置列表項(xiàng)指示符 240
11.4 使用列表項(xiàng)和CSS創(chuàng)建圖像 映射 241
11.5 導(dǎo)航列表與常規(guī)列表的區(qū)別 245
11.6 使用CSS創(chuàng)建垂直導(dǎo)航 245
11.6.1 設(shè)置單層垂直導(dǎo)航的樣式 248
11.6.2 設(shè)置多級(jí)垂直導(dǎo)航的樣式 250
11.7 使用CSS創(chuàng)建水平導(dǎo)航 253
11.8 總結(jié) 257
11.9 問與答 257
11.10 實(shí)踐 258
11.10.1 測(cè)驗(yàn) 258
11.10.2 答案 258
11.11 練習(xí) 259
第 12課 使用現(xiàn)代CSS技術(shù)創(chuàng)建 布局 260
12.1 準(zhǔn)備進(jìn)行頁面布局 261
12.2 移動(dòng)設(shè)備優(yōu)先的重要性 261
12.3 理解固定布局 262
12.4 理解流式布局 264
12.5 創(chuàng)建固定/流式混合布局 266
12.5.1 從基本布局結(jié)構(gòu)開始 266
12.5.2 在固定/流式混合布局中定義 兩列 267
12.5.3 設(shè)置布局的最小和最大寬度 269
12.5.4 處理固定/流式混合布局中的 列高 270
12.6 使用現(xiàn)代CSS布局技術(shù) 275
12.6.1 如何使用CSS的display: table;屬性 275
12.6.2 理解CSS彈性盒子布局模型 278
12.6.3 理解CSS網(wǎng)格布局模型 282
12.7 總結(jié) 286
12.8 問與答 286
12.9 實(shí)踐 287
12.9.1 測(cè)驗(yàn) 287
12.9.2 答案 288
12.10 練習(xí) 288
第 13課 控制背景和邊框 289
13.1 了解背景和邊框 289
13.2 使用多個(gè)邊框和背景 290
13.3 使用被遺忘的背景屬性 294
13.3.1 選擇如何放置背景 294
13.3.2 更改背景大小 295
13.3.3 定位背景圖像 295
13.3.4 更改背景滾動(dòng) 296
13.3.5 交替背景色 298
13.4 使用漸變作為背景 299
13.4.1 創(chuàng)建線性漸變 299
13.4.2 創(chuàng)建放射漸變 300
13.5 將HTML元素的邊角 四舍五入 304
13.6 使用圖像作為邊框 305
13.6.1 定義邊框圖像: border-image-source 306
13.6.2 裁剪邊框圖像: border-image-slice 306
13.6.3 定義邊框圖像寬度 307
13.6.4 將邊框圖像擴(kuò)展到邊框邊緣 之外 308
13.6.5 使圖像適應(yīng)邊框 308
13.7 理解CSS輪廓 309
13.8 總結(jié) 310
13.9 問與答 310
13.10 實(shí)踐 311
13.10.1 測(cè)驗(yàn) 311
13.10.2 答案 311
13.11 練習(xí) 312
第 14課 使用CSS轉(zhuǎn)換和過渡 313
14.1 理解CSS二維轉(zhuǎn)換 313
14.1.1 使用transform:rotate(); 旋轉(zhuǎn)元素 314
14.1.2 使用transform:scale(); 使元素變大/變小 315
14.1.3 使用transform: translate();移動(dòng)元素 316
14.1.4 使用transform:skew(); 傾斜元素 318
14.1.5 使用多重轉(zhuǎn)換 320
14.2 三維轉(zhuǎn)換元素 321
14.3 使用CSS轉(zhuǎn)換 322
14.4 使用JavaScript觸發(fā)轉(zhuǎn)換 324
14.5 總結(jié) 325
14.6 問與答 326
14.7 實(shí)踐 326
14.7.1 測(cè)驗(yàn) 326
14.7.2 答案 327
14.8 練習(xí) 327
第 15課 使用CSS和Canvas制作 動(dòng)畫 328
15.1 理解CSS動(dòng)畫 328
15.1.1 定義關(guān)鍵幀 329
15.1.2 調(diào)整動(dòng)畫 331
15.2 使用CSS Canvas 335
15.2.1 如何使用Canvas 336
15.2.2 在Canvas上繪制形狀 336
15.2.3 將圖像添加到Canvas 341
15.2.4 設(shè)置Canvas動(dòng)畫 344
15.3 在CSS動(dòng)畫和Canvas動(dòng)畫之間 選擇 347
15.4 總結(jié) 347
15.5 問與答 348
15.6 實(shí)踐 348
15.6.1 測(cè)驗(yàn) 348
15.6.2 答案 348
15.7 練習(xí) 349
第Ⅳ部分 響應(yīng)式Web設(shè)計(jì)
第 16課 理解響應(yīng)式Web設(shè)計(jì)的 重要性 353
16.1 響應(yīng)式Web設(shè)計(jì) 353
16.1.1 RWD簡(jiǎn)史 354
16.1.2 為什么我們需要響應(yīng)式Web 設(shè)計(jì) 354
16.1.3 為什么響應(yīng)式Web設(shè)計(jì)對(duì)移動(dòng) 用戶很重要 355
16.2 漸進(jìn)式增強(qiáng) 356
16.2.1 如何在網(wǎng)站上使用漸進(jìn)式 增強(qiáng) 356
16.2.2 漸進(jìn)式增強(qiáng)的好處 358
16.3 為響應(yīng)式Web設(shè)計(jì)編寫HTML 代碼 359
16.3.1 使用每個(gè)頁面應(yīng)使用的 標(biāo)簽 359
16.3.2 為Web內(nèi)容編寫標(biāo)簽 360
16.3.3 了解基本屬性 360
16.4 驗(yàn)證HTML、CSS和JavaScript 代碼 361
16.5 總結(jié) 362
16.6 問與答 362
16.7 實(shí)踐 363
16.7.1 測(cè)驗(yàn) 363
16.7.2 答案 363
16.8 練習(xí) 364
第 17課 為移動(dòng)設(shè)備設(shè)計(jì) 365
17.1 移動(dòng)設(shè)備網(wǎng)頁設(shè)計(jì) 365
17.1.1 理解為什么移動(dòng)設(shè)備網(wǎng)頁設(shè)計(jì) 很重要 366
17.1.2 設(shè)計(jì)有效的移動(dòng)接口 367
17.2 理解移動(dòng)優(yōu)先設(shè)計(jì) 372
17.2.1 在為計(jì)算機(jī)設(shè)計(jì)之前為移動(dòng) 設(shè)備設(shè)計(jì) 372
17.2.2 如何使用移動(dòng)優(yōu)先 372
17.2.3 為什么移動(dòng)優(yōu)先有用 373
17.2.4 移動(dòng)優(yōu)先為何失效 374
17.2.5 只使用移動(dòng)設(shè)備網(wǎng)頁設(shè)計(jì)或 構(gòu)建應(yīng)用程序 374
17.3 使用響應(yīng)式表格和圖像 375
17.3.1 如何使表格響應(yīng) 375
17.3.2 如何使圖像響應(yīng) 380
17.4 無須媒體查詢即可創(chuàng)建響應(yīng)式 布局 382
17.5 除響應(yīng)式Web設(shè)計(jì)外的其他移動(dòng) 設(shè)計(jì)方案 384
17.5.1 為什么響應(yīng)式Web設(shè)計(jì)可能 不是答案 384
17.5.2 自適應(yīng)設(shè)計(jì)和動(dòng)態(tài)服務(wù) 385
17.5.3 使用單獨(dú)的URL或域名 385
17.6 總結(jié) 386
17.7 問與答 386
17.8 實(shí)踐 386
17.8.1 測(cè)驗(yàn) 386
17.8.2 答案 387
17.9 練習(xí) 387
第 18課 使用媒體查詢和斷點(diǎn) 388
18.1 什么是媒體查詢 388
18.1.1 使用媒體類型 389
18.1.2 使用媒體功能 391
18.2 使用媒體查詢表達(dá)式 392
18.3 什么是斷點(diǎn) 393
18.4 如何在CSS中定義斷點(diǎn) 393
18.4.1 為每個(gè)設(shè)備定義統(tǒng)一的 樣式 395
18.4.2 為小屏幕添加特定樣式 396
18.4.3 為大屏幕添加媒體查詢 397
18.5 最佳斷點(diǎn) 398
18.5.1 斷點(diǎn)的最佳實(shí)踐 398
18.5.2 視網(wǎng)膜設(shè)備的媒體查詢 398
18.6 總結(jié) 398
18.7 問與答 399
18.8 實(shí)踐 399
18.8.1 測(cè)驗(yàn) 399
18.8.2 答案 400
18.9 練習(xí) 400
第Ⅴ部分 動(dòng)態(tài)網(wǎng)站入門
第 19課 理解動(dòng)態(tài)網(wǎng)站和HTML5應(yīng)用 程序 403
19.1 了解不同類型的腳本 403
19.2 在HTML文件中引入JavaScript 代碼 404
19.3 顯示隨機(jī)內(nèi)容 406
19.4 理解文檔對(duì)象模型 409
19.4.1 什么是不引人注目的 JavaScript 410
19.4.2 用DOM使腳本不引人注目 410
19.5 基于用戶交互更改圖像 412
19.6 關(guān)于開發(fā)HTML5應(yīng)用程序的 思考 414
19.7 總結(jié) 415
19.8 問與答 415
19.9 實(shí)踐 415
19.9.1 測(cè)驗(yàn) 415
19.9.2 答案 418
19.10 練習(xí) 419
第 20課 JavaScript編程入門 420
20.1 基本概念 420
20.1.1 語句 420
20.1.2 使用函數(shù)與任務(wù)結(jié)合 421
20.1.3 變量 422
20.1.4 理解對(duì)象 422
20.1.5 條件 423
20.1.6 循環(huán) 423
20.1.7 事件句柄 423
20.1.8 哪個(gè)腳本先運(yùn)行 425
20.2 JavaScript語法規(guī)則 426
20.2.1 大小寫敏感 426
20.2.2 變量、對(duì)象和函數(shù)名 426
20.2.3 保留字 426
20.2.4 空白 426
20.3 使用注釋 426
20.4 JavaScript的最佳實(shí)踐 427
20.5 了解JSON 428
20.6 總結(jié) 428
20.7 問與答 429
20.8 實(shí)踐 429
20.8.1 測(cè)驗(yàn) 429
20.8.2 答案 431
20.9 練習(xí) 431
第 21課 使用文檔對(duì)象模型 432
21.1 理解文檔對(duì)象模型 432
21.2 使用window對(duì)象 433
21.3 使用document對(duì)象 433
21.3.1 獲取文檔信息 434
21.3.2 在文檔中寫入文本 435
21.3.3 使用鏈接和錨點(diǎn) 435
21.4 使用history對(duì)象 436
21.5 使用location對(duì)象 438
21.6 有關(guān)DOM結(jié)構(gòu)的詳細(xì)信息 439
21.6.1 節(jié)點(diǎn) 440
21.6.2 父節(jié)點(diǎn)和子節(jié)點(diǎn) 440
21.6.3 兄弟節(jié)點(diǎn) 440
21.7 使用DOM節(jié)點(diǎn) 440
21.7.1 節(jié)點(diǎn)基本屬性 441
21.7.2 節(jié)點(diǎn)關(guān)系屬性 441
21.7.3 文檔方法 441
21.7.4 節(jié)點(diǎn)方法 442
21.8 創(chuàng)建可定位元素/層 442
21.9 隱藏和顯示對(duì)象 447
21.10 修改頁面中的文本 448
21.11 向頁面添加文本 449
21.12 總結(jié) 451
21.13 問與答 451
21.14 實(shí)踐 452
21.14.1 測(cè)驗(yàn) 452
21.14.2 答案 453
21.15 練習(xí) 454
第 22課 使用JavaScript變量、字符串 和數(shù)組 455
22.1 使用變量 456
22.1.1 選擇變量名 456
22.1.2 使用局部變量和全局變量 456
22.1.3 對(duì)變量賦值 457
22.2 理解表達(dá)式和運(yùn)算符 458
22.2.1 使用JavaScript運(yùn)算符 458
22.2.2 運(yùn)算符優(yōu)先級(jí) 459
22.3 JavaScript中的數(shù)據(jù)類型 459
22.4 在數(shù)據(jù)類型之間轉(zhuǎn)換 460
22.5 使用字符串對(duì)象 461
22.5.1 創(chuàng)建一個(gè)字符串對(duì)象 461
22.5.2 賦值 461
22.5.3 計(jì)算字符串的長(zhǎng)度 463
22.5.4 轉(zhuǎn)換字符串的大小寫 463
22.6 使用子字符串 463
22.6.1 使用字符串的一部分 464
22.6.2 獲得單個(gè)字符 464
22.6.3 查找子字符串 465
22.7 使用數(shù)值數(shù)組 465
22.7.1 創(chuàng)建數(shù)值數(shù)組 465
22.7.2 理解數(shù)組長(zhǎng)度 466
22.7.3 訪問數(shù)組元素 466
22.8 使用字符串?dāng)?shù)組 467
22.8.1 創(chuàng)建字符串?dāng)?shù)組 467
22.8.2 拆分字符串 467
22.8.3 對(duì)字符串?dāng)?shù)組排序 468
22.9 對(duì)數(shù)值數(shù)組排序 468
22.10 使用函數(shù) 470
22.10.1 定義函數(shù) 470
22.10.2 調(diào)用函數(shù) 472
22.10.3 返回值 473
22.11 介紹對(duì)象 475
22.11.1 創(chuàng)建對(duì)象 475
22.11.2 理解方法 476
22.12 使用對(duì)象簡(jiǎn)化腳本 476
22.12.1 定義對(duì)象 476
22.12.2 定義對(duì)象方法 477
22.12.3 創(chuàng)建對(duì)象實(shí)例 478
22.13 擴(kuò)展內(nèi)置對(duì)象 480
22.14 使用Math對(duì)象 482
22.14.1 舍入 482
22.14.2 生成隨機(jī)數(shù) 482
22.14.3 其他Math方法 483
22.15 使用Math方法 483
22.16 使用日期 485
22.16.1 創(chuàng)建Date對(duì)象 485
22.16.2 設(shè)置Date值 486
22.16.3 讀取Date值 486
22.16.4 使用時(shí)區(qū) 486
22.16.5 在日期格式之間轉(zhuǎn)換 487
22.17 總結(jié) 487
22.18 問與答 487
22.19 實(shí)踐 488
22.19.1 測(cè)驗(yàn) 488
22.19.2 答案 490
22.20 練習(xí) 490
第 23課 用條件和循環(huán)控制流 491
23.1 if語句 492
23.1.1 條件運(yùn)算符 492
23.1.2 條件與邏輯運(yùn)算符組合 493
23.1.3 else關(guān)鍵字 494
23.2 使用簡(jiǎn)寫條件表達(dá)式 494
23.3 使用if和else測(cè)試多個(gè)條件 495
23.3.1 HTML文件 496
23.3.2 JavaScript文件 496
23.4 使用switch表示多個(gè)條件 497
23.5 使用for循環(huán) 499
23.6 使用while循環(huán) 501
23.7 使用do…while循環(huán) 501
23.8 使用循環(huán) 502
23.8.1 創(chuàng)建無限循環(huán) 502
23.8.2 從循環(huán)中退出 502
23.8.3 繼續(xù)循環(huán) 503
23.9 通過對(duì)象屬性循環(huán) 503
23.10 總結(jié) 506
23.11 問與答 506
23.12 實(shí)踐 506
23.12.1 測(cè)驗(yàn) 506
23.12.2 答案 508
23.13 練習(xí) 508
第 24課 響應(yīng)事件和使用window 對(duì)象 509
24.1 理解事件處理程序 510
24.1.1 對(duì)象和事件 510
24.1.2 創(chuàng)建事件處理程序 510
24.1.3 用JavaScript定義事件處理 程序 511
24.1.4 支持多個(gè)事件處理程序 511
24.1.5 利用event對(duì)象 513
24.2 使用鼠標(biāo)事件 514
24.2.1 mouseover和mouseout 514
24.2.2 mouseup、mousedown和 click 514
24.3 使用鍵盤事件 517
24.4 使用load和unload事件 519
24.5 使用click事件更改 元素的樣式 520
24.6 用對(duì)象控制窗口 526
24.6.1 window對(duì)象的屬性 526
24.6.2 創(chuàng)建新窗口 527
24.6.3 打開和關(guān)閉窗口 528
24.7 移動(dòng)和調(diào)整窗口大小 530
24.8 使用超時(shí) 531
24.9 顯示對(duì)話框 533
24.10 總結(jié) 535
24.11 問與答 535
24.12 實(shí)踐 536
24.12.1 測(cè)驗(yàn) 536
24.12.2 答案 537
24.13 練習(xí) 538
第 25課 JavaScript最佳實(shí)踐 539
25.1 編寫最佳實(shí)踐腳本 539
25.1.1 避免過度使用JavaScript 540
25.1.2 內(nèi)容、呈現(xiàn)和行為 540
25.1.3 網(wǎng)頁加載速度 541
25.1.4 優(yōu)雅降級(jí) 541
25.1.5 漸進(jìn)式增強(qiáng) 542
25.1.6 添加事件處理程序 542
25.1.7 Web標(biāo)準(zhǔn):避免指定瀏覽器 544
25.1.8 正確處理錯(cuò)誤 544
25.1.9 注釋代碼 545
25.1.10 確保可用性 546
25.1.11 確保可訪問性 546
25.1.12 從設(shè)計(jì)模式中獲益 547
25.1.13 盡可能復(fù)用代碼 547
25.2 獲取瀏覽器信息 548
25.2.1 顯示瀏覽器信息 548
25.2.2 處理“不誠(chéng)實(shí)”的瀏覽器 550
25.3 跨瀏覽器腳本 551
25.3.1 功能感知 551
25.3.2 處理瀏覽器錯(cuò)誤 552
25.4 支持禁用JavaScript的瀏覽器 552
25.4.1 使用標(biāo)簽 553
25.4.2 保持JavaScript可選 553
25.4.3 避免錯(cuò)誤 554
25.5 創(chuàng)建一個(gè)不引人注目的腳本 554
25.6 總結(jié) 556
25.7 問與答 557
25.8 實(shí)踐 557
25.8.1 測(cè)驗(yàn) 557
25.8.2 答案 559
25.9 練習(xí) 559
第 26課 使用第三方JavaScript庫(kù)和 框架 560
26.1 使用第三方JavaScript庫(kù) 560
26.1.1 jQuery 561
26.1.2 Prototype 563
26.1.3 script.aculo.us 563
26.1.4 其他流行的第三方 JavaScript庫(kù) 564
26.2 使用第三方庫(kù)添加JavaScript 效果 564
26.3 使用JavaScript框架 566
26.4 總結(jié) 567
26.5 問與答 568
26.6 實(shí)踐 568
26.6.1 測(cè)驗(yàn) 568
26.6.2 答案 570
26.7 練習(xí) 570
第Ⅵ部分 高級(jí)網(wǎng)站功能及管理
第 27課 使用基于Web的表單 573
27.1 HTML表單如何工作 573
27.2 創(chuàng)建表單 574
27.3 接受文本輸入 579
27.4 表單數(shù)據(jù) 580
27.5 標(biāo)記表單數(shù)據(jù) 580
27.6 分組表單元素 581
27.7 瀏覽表單輸入控件 582
27.7.1 復(fù)選框 582
27.7.2 單選按鈕 584
27.7.3 選擇列表 585
27.7.4 文本字段、文本區(qū)域和其他 輸入類型 587
27.7.5 向文本字段添加數(shù)據(jù) 588
27.8 使用HTML5表單驗(yàn)證 589
27.9 提交表單數(shù)據(jù) 591
27.9.1 理解元素 592
27.9.2 使用JavaScript處理表單 事件 593
27.10 使用JavaScript訪問表單 元素 593
27.11 總結(jié) 595
27.12 問與答 597
27.13 實(shí)踐 597
27.13.1 測(cè)驗(yàn) 597
27.13.2 答案 599
27.14 練習(xí) 600
第 28課 組織和管理網(wǎng)站 601
28.1 單個(gè)頁面 602
28.2 組織一個(gè)簡(jiǎn)單的網(wǎng)站 603
28.3 組織更大的網(wǎng)站 604
28.4 為搜索引擎優(yōu)化網(wǎng)站 606
28.4.1 創(chuàng)建有趣的內(nèi)容 607
28.4.2 保持導(dǎo)航可用 607
28.4.3 為移動(dòng)設(shè)備編碼 607
28.5 編寫可維護(hù)代碼 608
28.5.1 用注釋記錄代碼 608
28.5.2 為了清晰,縮進(jìn)代碼 610
28.6 關(guān)于版本控制的思考 610
28.7 使用HTML和CSS框架 612
28.8 總結(jié) 612
28.9 問與答 613
28.10 實(shí)踐 613
28.10.1 測(cè)驗(yàn) 613
28.10.2 答案 615
28.11 練習(xí) 615