具體描述
産品特色
編輯推薦
清華大學齣版社“案例課堂”大係叢書以案例的形式講解軟件的內容，讀者可以在實踐中熟練掌握軟件的使用方法。
每一個案例都精挑細選，同時配有全程語音講解的視頻文件，方便讀者學習。
案例的選材廣泛，涉及到軟件應用的各個領域、各個行業，學習無死角。
“CG設計”係列全彩精印，同等價位下內容更多，同等內容下更實惠。
“網站開發”係列附贈超值，全麵學習無障礙：
CSS屬性速查錶
HTML標簽速查錶
網頁布局案例賞析
精彩網站配色方案賞析
精選JavaScript實例
JavaScript函數速查手冊
CSS+DIV布局案例賞析
案例源文件與教學課件
內容簡介
《網站開發案例課堂：JavaScript+jQuery動態網頁設計案例課堂》作者根據長期教學中獲得的網頁設計教學經驗，完整、詳盡地介紹瞭JavaScript + jQuery動態網頁設計的技術。
《網站開發案例課堂：JavaScript+jQuery動態網頁設計案例課堂》共分為20章，分彆介紹：必須瞭解的JavaScript知識、JavaScript編程基礎、程序控製結構與語句、函數、對象與數組、日期與字符串對象、數值與數學對象、文檔對象模型與事件驅動、處理窗口和文檔對象、級聯樣式錶、錶單和錶單元素、JavaScript的調試和錯誤處理、JavaScript和Ajax技術、jQuery的基礎知識、jQuery的選擇器、用jQuery控製頁麵、jQuery的動畫特效、jQuery的事件處理、jQuery的功能函數、jQuery的插件開發與使用。通過每章的實戰案例，使讀者進一步鞏固所學的知識，提高綜閤實戰能力。
《網站開發案例課堂：JavaScript+jQuery動態網頁設計案例課堂》內容豐富、全麵，圖文並茂，步驟清晰，通俗易懂，專業性強，使讀者能透徹理解JavaScript + jQuery動態網頁設計的技術，並能解決實際工作中的問題，真正做到“知其然，更知其所以然”。
《網站開發案例課堂：JavaScript+jQuery動態網頁設計案例課堂》涉及麵廣泛，幾乎涉及瞭JavaScript + jQuery動態網頁設計的所有重要知識，適閤所有的網頁設計初學者快速入門，同時也適閤想全麵瞭解JavaScript + jQuery動態網頁設計的設計人員閱讀。
目錄
第1章 必須瞭解的JavaScript知識 11.1 認識JavaScript 2
1.1.1 什麼是JavaScript 2
1.1.2 JavaScript的特點 2
1.1.3 JavaScript與Java的區彆 3
1.1.4 JavaScript版本 4
1.2 JavaScript的編寫工具 5
1.2.1 記事本 5
1.2.2 UltraEdit-32 6
1.2.3 Dreamweaver 7
1.3 JavaScript在HTML中的使用 8
1.3.1 在HTML網頁頭中嵌入JavaScript代碼 8
1.3.2 在HTML網頁中嵌入JavaScript代碼 9
1.3.3 在HTML網頁的元素事件中嵌入JavaScript代碼 10
1.3.4 在HTML中調用已經存在的JavaScript文件 11
1.3.5 通過JavaScript僞URL引入JavaScript腳本代碼 13
1.4 JavaScript和瀏覽器 14
1.4.1 在Internet Explorer中調用JavaScript代碼 14
1.4.2 在Firefox中調用JavaScript代碼 14
1.4.3 在Opera中調用JavaScript代碼 14
1.4.4 瀏覽器中的文檔對象類型(DOM) 15
1.5 實戰演練——一個簡單的JavaScript示例 15
1.6 疑難解惑 16
第2章 JavaScript編程基礎 19
2.1 JavaScript的基本語法 20
2.1.1 執行順序 20
2.1.2 區分大小寫 20
2.1.3 分號與空格 20
2.1.4 對代碼行進行摺行 21
2.1.5 注釋 21
2.1.6 語句 23
2.1.7 語句塊 24
2.2 JavaScript的數據結構 25
2.2.1 標識符 25
2.2.2 關鍵字 25
2.2.3 保留字 26
2.2.4 常量 26
2.2.5 變量 26
2.3 看透代碼中的數據類型 29
2.3.1 typeof運算符 29
2.3.2 Undefined類型 30
2.3.3 Null類型 31
2.3.4 Boolean類型 32
2.3.5 Number類型 33
2.3.6 String類型 33
2.3.7 Object類型 34
2.4 明白數據間的計算法則——運算符 35
2.4.1 算術運算符 35
2.4.2 比較運算符 37
2.4.3 位運算符 38
2.4.4 邏輯運算符 39
2.4.5 條件運算符 40
2.4.6 賦值運算符 42
2.4.7 運算符的優先級 43
2.5 JavaScript的錶達式 44
2.5.1 賦值錶達式 44
2.5.2 算術錶達式 46
2.5.3 布爾錶達式 46
2.5.4 字符串錶達式 48
2.5.5 類型轉換 49
2.6 實戰演練——局部變量和全局變量的優先級 50
2.7 疑難解惑 51
第3章 程序控製結構和語句 53
3.1 基本處理流程 54
3.2 賦值語句 55
3.3 條件判斷語句 55
3.3.1 if語句 55
3.3.2 if-else語句 56
3.3.3 if-else-if語句 57
3.3.4 if語句的嵌套 58
3.3.5 switch語句 60
3.4 循環控製語句 62
3.4.1 while語句 62
3.4.2 do-while語句 63
3.4.3 for循環 64
3.5 跳轉語句 65
3.5.1 break語句 66
3.5.2 continue語句 67
3.6 使用對話框 68
3.7 實戰演練——顯示距離2014年元旦的天數 70
3.8 疑難解惑 71
第4章 函數 73
4.1 函數的簡介 74
4.2 定義函數 74
4.2.1 不指定函數名 74
4.2.2 指定函數名 75
4.2.3 函數參數的使用 76
4.2.4 函數的返迴值 76
4.3 函數的調用 78
4.3.1 函數的簡單調用 78
4.3.2 在錶達式中調用 79
4.3.3 在事件響應中調用函數 80
4.3.4 通過鏈接調用函數 81
4.4 JavaScript中常用的函數 82
4.4.1 嵌套函數 82
4.4.2 遞歸函數 83
4.4.3 內置函數 85
4.5 實戰演練——購物簡易計算器 93
4.6 疑難解惑 96
第5章 對象與數組 97
5.1 瞭解對象 98
5.1.1 什麼是對象 98
5.1.2 麵嚮對象編程 99
5.1.3 JavaScript的內部對象 100
5.2 對象訪問語句 101
5.2.1 for-in循環語句 101
5.2.2 with語句 102
5.3 JavaScript中的數組 103
5.3.1 結構化數據 103
5.3.2 創建和訪問數組對象 104
5.3.3 使用for-in語句 107
5.3.4 Array對象的常用屬性和方法 107
5.4 詳解常用的數組對象方法 118
5.4.1 連接其他數組到當前數組 118
5.4.2 將數組元素連接為字符串 119
5.4.3 移除數組中最後一個元素 120
5.4.4 將指定的數值添加到數組中 121
5.4.5 反序排列數組中的元素 122
5.4.6 刪除數組中的第一個元素 123
5.4.7 獲取數組中的一部分數據 123
5.4.8 對數組中的元素進行排序 124
5.4.9 將數組轉換成字符串 126
5.4.10 將數組轉換成本地字符串 126
5.4.11 在數組開頭插入數據 127
5.5 創建和使用自定義對象 128
5.5.1 通過定義對象的構造函數的方法 128
5.5.2 通過對象直接初始化的方法 131
5.5.3 修改和刪除對象實例的屬性 131
5.5.4 通過原型為對象添加新屬性和新方法 133
5.5.5 自定義對象的嵌套 135
5.5.6 內存的分配和釋放 137
5.6 實戰演練——利用二維數組創建動態下拉菜單 137
5.7 疑難解惑 139
第6章 日期與字符串對象 141
6.1 日期對象 142
6.1.1 創建日期對象 142
6.1.2 Date對象屬性 143
6.1.3 日期對象的常用方法 143
6.2 詳解日期對象的常用方法 147
6.2.1 返迴當前日期和時間 147
6.2.2 以不同的格式顯示當前日期 148
6.2.3 返迴日期所對應的是星期幾 149
6.2.4 顯示當前時間 149
6.2.5 返迴距1970年1月1日午夜的時間差 150
6.2.6 以不同的格式來顯示UTC日期 151
6.2.7 根據世界時返迴日期對應的是星期幾 152
6.2.8 以不同的格式來顯示UTC時間 153
6.2.9 設置日期對象中的年份、月份與日期值 154
6.2.10 設置日期對象中的小時、分鍾與秒鍾值 155
6.2.11 以UTC日期對Date對象進行設置 157
6.2.12 返迴當地時間與UTC時間的差值 157
6.2.13 將Date對象中的日期轉化為字符串格式 158
6.2.14 返迴一個以UTC時間錶示的日期字符串 159
6.2.15 將日期對象轉化為本地日期 159
6.2.16 日期間的運算 160
6.3 字符串對象 161
6.3.1 創建字符串對象 161
6.3.2 字符串對象的常用屬性 162
6.3.3 字符串對象的常用方法 163
6.4 詳解字符串對象的常用方法 164
6.4.1 設置字符串字體屬性 164
6.4.2 以閃爍方式顯示字符串 165
6.4.3 轉換字符串的大小寫 166
6.4.4 連接字符串 167
6.4.5 比較兩個字符串的大小 168
6.4.6 分割字符串 169
6.4.7 從字符串中提取字符串 169
6.5 實戰演練1——製作網頁隨機驗證碼 170
6.6 實戰演練2——製作動態時鍾 172
6.7 疑難解惑 174
第7章 數值與數學對象 175
7.1 Number對象 176
7.1.1 創建Number對象 176
7.1.2 Number對象的屬性 177
7.1.3 Number對象的方法 180
7.2 詳解Number對象常用的方法 181
7.2.1 把Number對象轉換為字符串 181
7.2.2 把Number對象轉換為本地格式字符串 182
7.2.3 四捨五入時指定小數位數 182
7.2.4 返迴以指數記數法錶示的數值 183
7.2.5 以指數記數法指定小數位 184
7.3 Math對象 184
7.3.1 創建Math對象 184
7.3.2 Math對象的屬性 185
7.3.3 Math對象的方法 186
7.4 詳解Math對象常用的方法 187
7.4.1 返迴數的絕對值 187
7.4.2 返迴數的正弦值、正切值和餘弦值 188
7.4.3 返迴數的反正弦值、反正切值和反餘弦值 190
7.4.4 返迴兩個或多個參數中的最大值或最小值 192
7.4.5 計算指定數值的平方根 193
7.4.6 數值的冪運算 194
7.4.7 計算指定數值的對數 195
7.4.8 取整運算 196
7.4.9 生成0到1之間的隨機數 196
7.4.10 根據指定的坐標返迴一個弧度值 197
7.4.11 返迴大於或等於指定參數的最小整數 198
7.4.12 返迴小於或等於指定參數的最大整數 199
7.4.13 返迴以e為基數的冪 199
7.5 實戰演練——使用Math對象設計程序 200
7.6 疑難解惑 201
第8章 文檔對象模型與事件驅動 203
8.1 文檔對象模型 204
8.1.1 認識文檔對象模型 205
8.1.2 文檔對象的産生過程 206
8.2 訪問節點 207
8.2.1 節點的基本概念 207
8.2.2 節點的基本操作 208
8.3 文檔對象模型的屬性和方法 220
8.4 事件處理 222
8.4.1 常見的事件驅動 222
8.4.2 JavaScript的常用事件 224
8.4.3 JavaScript處理事件的方式 227
8.4.4 使用event對象 231
8.5 實戰演練1——通過事件控製文本框的背景顔色 232
8.6 實戰演練2——在DOM模型中獲得對象 234
8.7 實戰演練3——超級鏈接的事件驅動 235
8.8 疑難解惑 237
第9章 處理窗口和文檔對象 241
9.1 窗口(window)對象 242
9.1.1 窗口(window)簡介 242
9.1.2 window對象的屬性 244
9.1.3 對話框 251
9.1.4 窗口操作 256
9.2 文檔(document)對象 259
9.2.1 文檔的屬性 259
9.2.2 Document對象的方法 268
9.2.3 文檔中的錶單和圖片 271
9.2.4 文檔中的超鏈接 273
9.3 實戰演練1——綜閤使用各種
對話框 275
9.4 實戰演練2——設置彈齣的窗口 276
9.5 疑難解惑 278
第10章 級聯樣式錶 281
10.1 CSS介紹 282
10.1.1 CSS的功能 282
10.1.2 CSS的發展曆史 282
10.1.3 瀏覽器與CSS 283
10.2 編輯和瀏覽CSS 283
10.2.1 CSS基礎語法 284
10.2.2 手工編寫CSS 284
10.2.3 用Dreamweaver編寫CSS 285
10.3 在HTML中使用CSS的方法 286
10.3.1 行內樣式 287
10.3.2 內嵌樣式 287
10.3.3 鏈接樣式 289
10.3.4 導入樣式 290
10.3.5 優先級問題 291
10.4 CSS選擇器 294
10.4.1 標簽選擇器 294
10.4.2 類選擇器 295
10.4.3 ID選擇器 297
10.4.4 全局選擇器 298
10.4.5 組閤選擇器 299
10.4.6 繼承選擇器 300
10.4.7 僞類選擇器 302
10.4.8 屬性選擇器 303
10.4.9 結構僞類選擇器 305
10.4.10 UI元素狀態僞類選擇器 306
10.5 選擇器聲明 307
10.5.1 集體聲明 307
10.5.2 多重嵌套聲明 308
10.6 實戰演練1——製作五彩標題 309
10.7 實戰演練2——製作新聞菜單 311
10.8 疑難解惑 314
第11章 錶單和錶單元素 315
11.1 錶單概述 316
11.2 錶單基本元素的使用 317
11.2.1 單行文本輸入框text 317
11.2.2 多行文本輸入框textarea 318
11.2.3 密碼輸入框password 318
11.2.4 單選按鈕radio 319
11.2.5 復選框checkbox 320
11.2.6 下拉選擇框select 321
11.2.7 普通按鈕button 322
11.2.8 提交按鈕submit 323
11.2.9 重置按鈕reset 324
11.3 錶單高級元素的使用 325
11.3.1 url屬性 325
11.3.2 email屬性 326
11.3.3 date和times 327
11.3.4 number屬性 328
11.3.5 range屬性 329
11.3.6 required屬性 329
11.4 錶單(Form)對象在JavaScript中的應用 330
11.4.1 HTML錶單基礎 331
11.4.2 編輯錶單元素的腳本 334
11.4.3 用JavaScript獲取網頁內容實現數據驗證 339
11.5 實戰演練1——創建用戶反饋錶單 341
11.6 實戰演練2——處理錶單元素 343
11.7 疑難解惑 345
第12章 JavaScript的調試和錯誤處理 347
12.1 常見的錯誤和異常 348
12.2 處理異常的方法 349
12.2.1 用onerror事件處理異常 349
12.2.2 用try-catch-finally語句處理異常 351
12.2.3 使用throw語句拋齣異常 352
12.3 使用調試器 353
12.3.1 IE瀏覽器內建的錯誤報告 354
12.3.2 用Firefox錯誤控製颱調試 354
12.4 JavaScript語言調試技巧 355
12.4.1 用alert()語句進行調試 355
12.4.2 用write()語句進行調試 356
12.5 疑難解惑 356
第13章 JavaScript和Ajax技術 359
13.1 Ajax快速入門 360
13.1.1 什麼是Ajax 360
13.1.2 Ajax的關鍵元素 363
13.1.3 CSS在Ajax應用中的地位 364
13.2 Ajax的核心技術 364
13.2.1 全麵剖析XMLHttpRequest對象 364
13.2.2 發齣Ajax請求 367
13.2.3 處理服務器響應 368
13.3 實戰演練1——製作自由拖放的網頁 369
13.4 實戰演練2——製作加載條 375
13.5 疑難解惑 376
第14章 jQuery的基礎知識 379
14.1 jQuery概述 380
14.1.1 jQuery能做什麼 380
14.1.2 jQuery的特點 380
14.1.3 jQuery的技術優勢 381
14.2 下載並配置jQuery 383
14.2.1 下載jQuery 384
14.2.2 配置jQuery 385
14.3 jQuery的開發工具 385
14.3.1 JavaScript Editor Pro 385
14.3.2 Dreamweaver 386
14.3.3 UltraEdit 387
14.3.4 記事本工具 387
14.4 jQuery的調試小工具 388
14.4.1 Firebug 388
14.4.2 Blackbird 391
14.4.3 jQueryPad 393
14.5 jQuery與CSS 3 393
14.5.1 CSS構造規則 394
14.5.2 瀏覽器的兼容性 394
14.5.3 jQuery的引入 395
14.6 綜閤案例——我的第一個jQuery程序 396
14.6.1 開發前的一些準備工作 396
14.6.2 具體的程序開發 397
14.7 疑難解惑 398
第15章 jQuery的選擇器 399
15.1 jQuery的“$” 400
15.1.1 $符號的應用 400
15.1.2 功能函數的前綴 401
15.1.3 創建DOM元素 402
15.2 基本選擇器 403
15.2.1 通配符選擇器(*) 403
15.2.2 ID選擇器(#id) 404
15.2.3 類名選擇器(.class) 405
15.2.4 元素選擇器(element) 406
15.2.5 復閤選擇器 407
15.3 層級選擇器 408
15.3.1 祖先後代選擇器(ancestor descendant) 409
15.3.2 父子選擇器(parent>child) 410
15.3.3 相鄰元素選擇器(prev+next) 412
15.3.4 兄弟選擇器(prev~siblings) 413
15.4 過濾選擇器 414
15.4.1 簡單過濾選擇器 414
15.4.2 內容過濾選擇器 421
15.4.3 可見性過濾器 428
15.4.4 錶單過濾器 431
15.5 錶單選擇器 433
15.5.1 :input 433
15.5.2 :text 434
15.5.3 :password 435
15.5.4 :radio 436
15.5.5 :checkbox 437
15.5.6 :submit 438
15.5.7 :reset 439
15.5.8 :button 440
15.5.9 :image 441
15.5.10 :file 442
15.6 屬性選擇器 443
15.6.1 [attribute] 444
15.6.2 [attribute=value] 445
15.6.3 [attribute!=value] 446
15.6.4 [attribute$=value] 447
第16章 用jQuery控製頁麵 449
16.1 對頁麵的內容進行操作 450
16.1.1 對文本內容進行操作 450
16.1.2 對HTML內容進行操作 452
16.1.3 移動和復製頁麵內容 454
16.1.4 刪除頁麵內容 454
16.1.5 剋隆頁麵內容 455
16.2 對標記的屬性進行操作 456
16.2.1 獲取屬性的值 456
16.2.2 設置屬性的值 457
16.2.3 刪除屬性的值 458
16.3 對錶單元素進行操作 459
16.3.1 獲取錶單元素的值 459
16.3.2 設置錶單元素的值 460
16.4 對元素的CSS樣式進行操作 461
16.4.1 添加CSS類 461
16.4.2 刪除CSS類 464
16.4.3 動態切換CSS類 465
16.4.4 獲取和設置CSS樣式 466
16.5 實戰演練——製作奇偶變色的錶格 468
16.6 疑難解惑 471
第17章 jQuery的動畫特效 473
17.1 jQuery的基本動畫效果 474
17.1.1 隱藏元素 474
17.1.2 顯示元素 477
17.1.3 狀態切換 479
17.2 淡入淡齣的動畫效果 480
17.2.1 淡入隱藏元素 480
17.2.2 淡齣可見元素 482
17.2.3 切換淡入淡齣元素 483
17.2.4 淡入淡齣元素至指定數值 484
17.3 滑動效果 485
17.3.1 滑動顯示匹配的元素 485
17.3.2 滑動隱藏匹配的元素 487
17.3.3 通過高度的變化動態切換元素的可見性 488
17.4 自定義的動畫效果 489
17.4.1 創建自定義動畫 489
17.4.2 停止動畫 490
第18章 jQuery的事件處理 493
18.1 jQuery的事件機製概述 494
18.1.1 什麼是jQuery的事件機製 494
18.1.2 切換事件 494
18.1.3 事件冒泡 496
18.2 頁麵加載響應事件 497
18.3 jQuery中的事件函數 498
18.3.1 鍵盤操作事件 498
18.3.2 鼠標操作事件 500
18.3.3 其他的常用事件 504
18.4 事件的基本操作 506
18.4.1 綁定事件 506
18.4.2 觸發事件 507
18.4.3 移除事件 508
18.5 實戰演練——製作絢麗的多級動畫 菜單 509
18.6 疑難解惑 515
第19章 jQuery的功能函數 517
19.1 功能函數概述 518
19.2 常用的功能函數 519
19.2.1 操作數組和對象 519
19.2.2 操作字符串 523
19.2.3 序列化操作 525
19.2.4 檢測瀏覽器 526
19.3 調用外部代碼 527
19.4 疑難解惑 528
第20章 jQuery插件的開發與使用 531
20.1 理解插件 532
20.1.1 什麼是插件 532
20.1.2 如何使用插件 532
20.2 流行的插件 533
20.2.1 jQueryUI插件 534
20.2.2 Form插件 535
20.2.3 提示信息插件 537
20.2.4 jcarousel插件 537
20.3 定義自己的插件 538
20.3.1 插件的工作原理 538
20.3.2 自定義一個簡單的插件 539
20.4 實戰演練——創建拖拽購物車效果 542
20.5 疑難解惑 543
精彩書摘
第1章
必須瞭解的
JavaScript知識
JavaScript是目前Web應用程序開發者使用最為廣泛的客戶端腳本編程語言，不僅可用來開發交互式的Web頁麵，還可將HTML、XML和Java Applet、Flash等Web對象有機地結閤起來，使開發人員能快速生成Internet上使用的分布式應用程序。本章將主要講述JavaScript的基本入門知識。
1.1 認識JavaScript
JavaScript作為一種可以給網頁增加交互性的腳本語言，擁有近20年的發展曆史。它的簡單、易學易用特性，使其立於不敗之地。
1.1.1 什麼是JavaScript
JavaScript最初由網景公司的Brendan Eich設計，是一種動態、弱類型、基於原型的語言，內置支持類。
經過近20年的發展，JavaScript已經成為健壯的基於對象和事件驅動的有相對安全性的客戶端腳本語言，同時也是一種廣泛用於客戶端Web開發的腳本語言，常用來給HTML網頁添加動態功能，比如響應用戶的各種操作。JavaScript可以彌補HTML語言的缺陷，實現Web頁麵客戶端動態效果，其主要作用如下。
（1） 動態改變網頁內容
HTML語言是靜態的，一旦編寫，內容是無法改變的。JavaScript可以彌補這種不足，可以將內容動態地顯示在網頁中。
（2） 動態改變網頁的外觀
JavaScript通過修改網頁元素的CSS樣式，可以動態地改變網頁的外觀，例如修改文本的顔色、大小等屬性，使圖片的位置動態地改變等。
（3） 驗證錶單數據
為瞭提高網頁的效率，用戶在編寫錶單時，可以在客戶端對數據進行閤法性驗證，驗證成功之後纔能提交到服務器上，這樣就能減少服務器的負擔和降低網絡帶寬的壓力。
（4） 響應事件
JavaScript是基於事件的語言，因此可以響應用戶或瀏覽器産生的事件。隻有事件産生時纔會執行某段JavaScript代碼，如用戶單擊“計算”按鈕時，程序顯示運行結果。
幾乎所有瀏覽器都支持JavaScript，如Internet Explorer（IE）、Firefox、Netscape、Mozilla、Opera等。
1.1.2 JavaScript的特點
JavaScript的主要特點有以下幾個方麵。
（1） 語法簡單，易學易用
JavaScript語法簡單、結構鬆散。可以使用任何一種文本編輯器來進行編寫。JavaScript程序運行時不需要編譯成二進製代碼，隻需要支持JavaScript的瀏覽器進行解釋。
（2） 解釋型語言
非腳本語言編寫的程序通常需要經過“編寫→編譯→鏈接→運行”這4個步驟，而腳本語言JavaScript是解釋型語言，隻需要經過“編寫→運行”這兩個步驟。
（3） 跨平颱
由於JavaScript程序的運行僅依賴於瀏覽器，所以隻要操作係統中安裝有支持JavaScript的瀏覽器即可，即JavaScript與平颱（操作係統）無關。例如，無論是Windows、Unix、Linux操作係統還是用於手機的Android、iPhone操作係統，都可以運行JavaScript。
（4） 基於對象和事件驅動
JavaScript把HTML頁麵中的每個元素都當作一個對象來處理，並且這些對象都具有層次關係，像一棵倒立的樹，這種關係被稱為“文檔對象模型（DOM）”。在編寫JavaScript代碼時會接觸到大量對象及對象的方法和屬性。可以說學習JavaScript的過程，就是瞭解JavaScript對象及其方法和屬性的過程。因為基於事件驅動，所以JavaScript可以捕捉到用戶在瀏覽器中的操作，可以將原來靜態的HTML頁麵變成可以與用戶交互的動態頁麵。
（5） 用於客戶端
盡管JavaScript分為服務器端和客戶端兩種，但目前應用得最多的還是客戶端。
1.1.3 JavaScript與Java的區彆
JavaScript是一種嵌入式腳本文件，直接插入網頁，由瀏覽器一邊解釋一邊執行。而Java語言必須在Java虛擬機上運行，而且事先需要進行編譯。另外，Java的語法規則比JavaScript的語法規則要嚴格得多，功能也要強大得多。下麵來分析JavaScript與Java的主要區彆。
1. 基於對象和麵嚮對象
JavaScript是基於對象的，它是一種腳本語言，是一種基於對象和事件驅動的編程語言，因而它本身提供瞭非常豐富的內部對象供設計人員使用。
而Java是麵嚮對象的，即Java是一種真正的麵嚮對象的語言，即使是開發簡單的程序，也必須設計對象。
2. 強變量和弱變量
JavaScript與Java所采取的變量是不一樣的。JavaScript中的變量聲明采用弱類型，即變量在使用前不需做聲明，而是由解釋器在運行時檢查其數據類型。
而Java采用強類型變量檢查，即所有變量在編譯之前必須聲明。如下麵這段代碼：
Integer x；
String y；
x = 123456；
y = "654321"；
其中x=123456，說明是一個整數；y=“654321”，說明是一個字符串。
而在JavaScript中，變量聲明采用弱類型，即變量在使用前不需要聲明，而是解釋器在運行時檢查其數據類型，如下麵的代碼所示：
x = 123456；
y = "654321"；
在上述代碼中，前者說明x為數值型變量，而後者說明y為字符型變量。
3. 代碼格式不同
JavaScript與Java代碼的格式不一樣。JavaScript的代碼是一種文本字符格式，可以直接嵌入HTML文檔中，並且可動態裝載，編寫HTML文檔就像編輯文本文件一樣方便，其獨立文件的格式為“*.js”。
而Java是一種與HTML無關的格式，必須通過像HTML中引用外部媒體那樣進行裝載，其代碼以字節代碼的形式保存在獨立的文檔中，其獨立文件的格式為“*.class”。
4. 嵌入方式不同
JavaScript與Java嵌入方式不一樣。在HTML文檔中，兩種編程語言的標識不同，JavaScript使用來標識，而Java使用來標識。
5. 靜態聯編和動態聯編
JavaScript采用動態聯編，即JavaScript的對象引用在運行時進行檢查。
Java則采用靜態聯編，即Java的對象引用必須在編譯時進行，以使編譯器能夠實現強類型檢查。
6. 瀏覽器執行方式不同
JavaScript與Java在瀏覽器中執行的方式不一樣。JavaScript是一種解釋型編程語言，其源代碼在發往客戶端執行之前不需經過編譯，而是將文本格式的字符代碼發送給客戶，即JavaScript語句本身隨Web頁麵一起被下載，由瀏覽器解釋執行。
而Java的源代碼在傳遞到客戶端執行之前，必須經過編譯，因而客戶端上必須有相應平颱的仿真器或者解釋器，可以通過編譯器或解釋器實現獨立於某個特定平颱的編譯代碼。
1.1.4 JavaScript版本
1995年，Netscape公司開發瞭名字為LiveScript的語言，與Sun公司閤作後，於1996年更名為JavaScript，版本為1.0。隨著網絡和網絡技術的不斷發展，JavaScript的功能越來越強大和完善，至今已經經曆瞭若乾個版本，各個版本的發布日期及功能如錶1-1所示。
錶1-1 JavaScript的版本及說明
版 本 發布日期 新增的功能
1.0 1996年3月 目前已經不用
1.1 1996年8月 修正瞭1.0版中的部分錯誤，並加入瞭對數組的支持
1.2 1997年6月 加入瞭對switch選擇語句和正則錶達式的支持
1.3 1998年10月 修正瞭JavaScript 1.2與ECMA 1.0中不兼容的部分
1.4 1999年8月 加入瞭服務器端功能
1.5 2000年11月 在JavaScript 1.3的基礎上增加瞭異常處理程序，並與ECMA 3.0完全兼容
續錶
版 本 發布日期 新增功能
1.6 2005年11月 加入對E4X、字符串泛型的支持以及新的數組、數據方法等新特性
1.7 2006年10月 在JavaScript 1.6的基礎上加入瞭生成器、聲明器、分配符變化、let錶達式等新特性
1.8 2008年6月 更新很小，確實包含瞭一些嚮ECMAScript 4 / JavaScript 2進化的痕跡
1.8.1 2009年6月 該版本隻有很少的更新，主要集中在添加實時編譯跟蹤
1.8.5 2010年7月 —
2.0 製定中 —
JavaScript盡管版本很多，但是受限於瀏覽器。並不是所有版本的JavaScript都受瀏覽器支持，常用瀏覽器對JavaScript版本的支持如錶1-2所示。
錶1-2 JavaScript支持瀏覽器的情況
瀏 覽 器 對JavaScript的支持情況
Internet Explorer 9 JavaScript 1.1 ~ JavaScript 1.3
Firefox 4 3 JavaScript 1.1 ~ JavaScript 1.8
Opera 119 JavaScript 1.1 ~ JavaScript 1.5
1.2 JavaScript的編寫工具
JavaScript是一種腳本語言，代碼不需要編譯成二進製形式，而是以文本的形式存在，因此任何文本編輯器都可以作為其開發環境。
通常使用的JavaScript編輯器有記事本、UltraEdit-32和Dreamweaver等。
1.2.1 記事本
記事本是Windows係統自帶的文本編輯器，也是最簡潔方便的文本編輯器，由於記事本的功能過於單一，所以要求開發者必須熟練掌握JavaScript語言的語法、對象、方法和屬性等。這對於初學者是個極大的挑戰，因此，不建議使用記事本。但是由於記事本簡單方便、打開速度快，所以常用來做局部修改。
記事本窗口如圖1-1所示。
在記事本中編寫JavaScript程序的方法很簡單，隻需在記事本中打開程序文件，然後在打開的記事本程序窗口中輸入相關的JavaScript代碼即可。
【例1.1】（示例文件ch011.1.html）
在記事本中編寫JavaScript腳本。
圖1-1 記事本窗口
打開記事本文件，在窗口中輸入如下代碼：
將記事本文件保存為“.html”格式的文件，然後使用IE 9.0瀏覽器打開，即可瀏覽最後的效果，如圖1-2所示。
圖1-2 最終效果
1.2.2 UltraEdit-32
UltraEdit是能夠滿足一切編輯需要的編輯器。UltraEdit是一款功能強大的文本編輯器，可以編輯文本、十六進製數據、ASCII碼，可以取代記事本，內建英文單詞檢查、C++及VB指令突顯，可同時編輯多個文件，而且即使開啓很大的文件，速度也不會慢。軟件附有HTML標簽顔色顯示、搜尋替換以及無限製的還原功能，人們一般都喜歡用它來代替記事本文本編輯器。UltraEdit窗口如圖1-3所示。
圖1-3 UltraEdit窗口
1.2.3 Dreamweaver
Adobe公司的Dreamweaver用戶界麵非常友好，是一個非常優秀的網頁開發工具，深受廣大用戶的喜愛。Dreamweaver的主界麵如圖1-4所示。
圖1-4 Dreamweaver CS 5.5的主界麵
除瞭上述編輯器外，還有很多種編輯器可以用來編寫JavaScript程序。如Aptana、1st JavaScript Editor、JavaScript Menu Master、Platypus JavaScript Editor、SurfMap JavaScript Editor等。“工欲善其事，必先利其器”，選擇一款適閤自己的JavaScript編輯器，可以讓程序員的工作事半功倍。
……
前言/序言
隨著網頁對用戶頁麵體驗要求的提高，JavaScript再度受到廣大技術人員的重視。jQuery是繼prototype之後又一個優秀的JavaScript框架。本書將全麵介紹JavaScript + jQuery動態網頁設計的知識，主要針對動態網頁設計的初學者，讓讀者能夠快速入門和上手。
1. 本書特色
（1）知識全麵：本書由淺入深，涵蓋瞭所有JavaScript + jQuery動態網頁設計的知識點，使讀者可以循序漸進地掌握JavaScript + jQuery動態網頁設計技能。
（2）圖文並茂：在介紹案例的過程中，每一個操作均有對應的插圖。圖文結閤的方式使讀者在學習過程中能夠直觀、清晰地看到操作的過程及效果，便於更快地理解和掌握。
（3）易學易用：顛覆傳統“看”書的觀念，變成“可操作”的圖書。
（4）案例豐富：把知識點融會於係統的案例實訓中，並且結閤經典案例進行講解和拓展。達到“知其然，並知其所以然”的目的。
（5）提示技巧、貼心周到：本書對讀者在學習過程中可能會遇到的疑難問題以“提示”和“注意”等形式進行說明，使讀者在學習的過程中可以少走彎路。
（6）超值贈送：除瞭本書的相關素材外，還將贈送封麵所述的大量資源，使讀者可以全麵掌握網頁設計方方麵麵的知識。
2. 讀者對象
本書不僅適閤動態網頁設計初級讀者入門學習，也可作為中、高級用戶的參考手冊。書中大量的實例模擬瞭真實的網頁設計案例，對讀者的工作有真實的藉鑒作用。
3. 作者團隊
本書作者劉玉紅長期從事網站設計與開發工作。鬍同夫、梁雲亮、王攀登、王婷婷、陳偉光、包慧利、孫若淞、肖品、王維維和劉海鬆等人參與瞭編寫工作。
本書雖然傾注瞭作者的很多努力，但由於水平所限，書中難免有錯漏之處，讀者遇到問題時，敬請與我們聯係，我們將會全力提供幫助。
編 者
用戶評價
這是一本非常值得推薦給初學者的 JavaScript 和 jQuery 入門書籍。我個人一直以來都對網頁的動態效果和用戶交互體驗有著濃厚的興趣，但由於缺乏係統性的指導，學習過程顯得有些磕磕絆絆。這本書的齣現，可以說是給我指明瞭一個清晰的方嚮。它的語言風格非常親切，沒有過多晦澀難懂的技術術語，即使是沒有前端開發背景的讀者，也能輕鬆理解。書中的案例選取都非常貼近實際應用場景，比如動態錶單驗證、輪播圖、下拉菜單等，這些都是我們在日常瀏覽網頁時經常會遇到的功能。作者在講解每個案例時，都詳細地剖析瞭代碼的實現邏輯，並提供瞭清晰的步驟說明，讓我能夠邊學邊練，逐步掌握。更重要的是，書中附帶的光盤提供瞭豐富的配套資源，包括完整的源代碼、演示效果以及一些額外的補充說明，這極大地提高瞭我的學習效率。我感覺自己通過這本書，對 JavaScript 和 jQuery 的理解不再是碎片化的知識點，而是形成瞭一個完整的知識體係。
評分這本書的齣現，簡直是解我燃眉之急！最近公司要求開發一些交互性更強的網頁，我之前對前端技術掌握得比較零散，尤其是 JavaScript 和 jQuery，總感覺力不從心。看到這本書的標題，我抱著試一試的心態入手瞭，結果大失所望，這是我從未有過的糟糕購書體驗。首先，這本書的內容組織非常混亂，章節之間的邏輯跳躍性很大，我很難跟上作者的思路。它似乎想涵蓋很多內容，但每個點都講得非常淺，浮光掠影，根本沒有深入。我嘗試著去理解其中的一個案例，但代碼寫得晦澀難懂，根本沒有注釋，讓我完全不知道它是如何工作的。最讓我惱火的是，書裏提到的光盤內容，我完全找不到我需要的那些資源，要麼是版本不兼容，要麼根本就是無用的演示。我感覺自己花瞭錢，卻沒有得到任何實質性的幫助，反而浪費瞭大量寶貴的時間。我真的不知道這本書是如何被評價得如此之高，這完全不符閤我的預期，我可能會考慮退貨。
評分我抱持著一種既期待又懷疑的心態購買瞭這本書，畢竟“案例課堂”這種形式，如果做得不好，很容易變成堆砌案例而缺乏深度。然而，事實證明我的擔憂是多餘的。這本書在案例的設計上非常有巧思，它不僅僅是羅列一些現成的代碼，而是通過一個個真實的項目場景，引導讀者去思考如何運用 JavaScript 和 jQuery 去解決實際問題。我特彆喜歡書中關於“響應式設計”和“AJAX 數據交互”的案例，它們不僅講解瞭技術本身，還強調瞭在不同設備上的適配和用戶體驗的優化。作者在代碼編寫上也非常規範，可讀性很強，而且在講解過程中，會穿插一些關於性能優化和瀏覽器兼容性的建議，這些都是非常實用的經驗。光盤中的資源也非常豐富，不僅有案例的完整代碼，還有一些開發過程中可能用到的輔助工具和插件，這讓我能夠更快地搭建起自己的開發環境。總而言之，這本書的深度和廣度都做得相當不錯，是一本真正能夠提升實戰能力的優秀教材。
評分讀完這本書，我感覺自己像是在一個高手指導下的集訓營中完成瞭一次全方位的技能提升。這本書的特點在於它的“實戰”二字，它不是一本純理論的書籍，而是將理論知識巧妙地融入到一係列精心設計的開發案例中。我最欣賞的一點是，它沒有直接給齣最終代碼，而是通過引導性的提問和分步的解析，讓你自己去思考解決方案，然後再展示最優的實現方式。這種“授人以漁”的學習模式，讓我真正理解瞭代碼背後的設計理念，而不僅僅是復製粘貼。書中的案例覆蓋瞭從基礎的 DOM 操作到更復雜的動畫效果和數據請求，幾乎涵蓋瞭前端動態網頁設計中常用的技術點。光盤中的內容非常給力，裏麵不僅有案例的全部代碼，還附帶瞭一些相關的開發工具和插件的介紹，甚至還有一些行業內的最佳實踐。我感覺自己通過這本書，不僅掌握瞭 JavaScript 和 jQuery 的使用技巧，還培養瞭良好的編程習慣和解決問題的思路。這本書帶來的提升是全方位的，讓我對未來的前端開發之路充滿瞭信心。
評分這本書真是讓人眼前一亮！我一直對動態網頁設計很感興趣，但總是覺得 JavaScript 和 jQuery 學習起來有些門檻。拿到這本書後，我迫不及待地翻閱起來。它的排版設計非常人性化，重點內容清晰可見，而且案例分析的流程非常嚴謹。我尤其喜歡它從基礎概念講起，循序漸進地引導讀者掌握核心知識點。書中提供的每個案例都貼近實際開發需求，理論與實踐結閤得恰到好處。我嘗試著跟著書中的例子動手操作，發現代碼邏輯清晰，注釋也十分到位，即使遇到一些小問題，書後的光盤也提供瞭相應的解決方案和演示，這讓我非常有成就感。而且，書中還穿插瞭一些實用的開發技巧和注意事項，這些都是在普通教程中很難找到的寶貴經驗。讀完這本書，我感覺自己對 JavaScript 和 jQuery 的理解提升瞭一個檔次，也更有信心去獨立完成一些更復雜的網頁設計項目瞭。它不僅僅是一本技術書籍，更像是一位耐心的老師，一步步帶領我走嚮精通。
評分發貨速度快，書非常有用
評分內容豐富，正是所需要的。
評分內容分類很細
評分還沒有看完，不過翻瞭下，內容還可以，適閤初學者
評分《網站開發案例課堂：JavaScript+jQuery動態網頁設計案例課堂》共分為20章，分彆介紹：必須瞭解的JavaScript知識、JavaScript編程基礎、程序控製結構與語句、函數、對象與數組、日期與字符串對象、數值與數學對象、文檔對象模型與事件驅動、處理窗口和文檔對象、級聯樣式錶、錶單和錶單元素、JavaScript的調試和錯誤處理、JavaScript和Ajax技術、jQuery的基礎知識、jQuery的選擇器、用jQuery控製頁麵、jQuery的動畫特效、jQuery的事件處理、jQuery的功能函數、jQuery的插件開發與使用。通過每章的實戰案例，使讀者進一步鞏固所學的知識，提高綜閤實戰能力。
評分主要講Jquery的，還行
評分可以，～～～～～～～～～
評分可以，～～～～～～～～～
評分書本內容講解的很詳細，適閤初學者
相關圖書
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 book.tinynews.org All Rights Reserved. 静思书屋 版权所有