JavaScript可以大幅提升網(wǎng)頁(yè)的動(dòng)畫效果、交互性和視覺(jué)效果,但學(xué)習(xí)該門語(yǔ)言不太容易。《JavaScript和jQuery實(shí)戰(zhàn)手冊(cè)(原書第3版)》首先逐步介紹JavaScript基礎(chǔ)知識(shí),然后展示如何使用jQuery(預(yù)先寫好的JavaScript代碼庫(kù))以及jQuery UI插件中的創(chuàng)新達(dá)到事半功倍的設(shè)計(jì)效果。
以前,Web實(shí)在是一個(gè)令人討厭的地方。用簡(jiǎn)單舊式HTML構(gòu)建的Web頁(yè)面只是顯示信息,而沒(méi)有其他更多的東西。人們單擊一個(gè)鏈接,然后等待載入一個(gè)新Web頁(yè)面,這就是與它的交互。現(xiàn)如今,大多數(shù)Web站點(diǎn)幾乎具有和臺(tái)式機(jī)上的程序一樣的響應(yīng)性,對(duì)于每次鼠標(biāo)單擊都迅速響應(yīng)。這都得益于我們將要在本書中學(xué)習(xí)的內(nèi)容,即JavaScript與jQuery。JavaScript.LavaScr-ipt是一種程序設(shè)計(jì)語(yǔ)言,它允許用動(dòng)畫、交互性和動(dòng)態(tài)的視覺(jué)效果來(lái)增強(qiáng)HTML的功能。JavaScriDt可以通過(guò)提供即時(shí)反饋而使得Web頁(yè)面更加有用。例如,當(dāng)訪問(wèn)者選擇要購(gòu)買的一件商品的時(shí)候,一個(gè)具備JavaScrIpt功能的購(gòu)物車頁(yè)面可以即時(shí)顯示總金額、稅費(fèi)和運(yùn)費(fèi)。當(dāng)某人試圖提交一個(gè)遺漏了必需信息的Web表單時(shí),.JavaScript可以產(chǎn)生一條錯(cuò)誤消息。.JavaScript還允許創(chuàng)建有趣的、動(dòng)態(tài)的和交互式的界面。例如,使用JavaScript可以將由縮略圖組成的一個(gè)靜態(tài)頁(yè)面轉(zhuǎn)換為一場(chǎng)包含動(dòng)畫的幻燈片放映。或者,可以做一些更加微妙的事情,例如,通過(guò)將內(nèi)容組織到很小的面板,訪問(wèn)者只要簡(jiǎn)單地單擊一下鼠標(biāo)就可以訪問(wèn)它們,從而可以在頁(yè)面上放置更多的信息,而不必使頁(yè)面顯得擁擠(參見(jiàn)9.6節(jié))。或者,添加一些有用的和吸引人的內(nèi)容,例如,彈出的工具提示為Web頁(yè)面上的項(xiàng)目提供補(bǔ)充信息(參見(jiàn)9.5節(jié))。JavaScript的主要優(yōu)點(diǎn)之一是其即時(shí)性。它使得頁(yè)面可以立即對(duì)于某人和頁(yè)面的交互操作做出響應(yīng),例如單擊一個(gè)鏈接、填充一個(gè)表單,或者只是在屏幕上移動(dòng)鼠標(biāo)等操作。JavaScript不會(huì)遭遇到和PHP這樣的服務(wù)器端編程相關(guān)的令人沮喪的延遲,而后者依賴于Web瀏覽器和Web服務(wù)器之間的通信。因?yàn)镴avaScript不會(huì)依賴于頻繁加載和重新載.)kWeb頁(yè)面,所以使用它創(chuàng)建的Web頁(yè)面在感觀和操作方面都更像是桌面程序,而不像是一般的Web頁(yè)面。如果你訪問(wèn)GoogleMaps(http://maps.google.coml),將會(huì)看到JavaScript的實(shí)際應(yīng)用。GoogleMaps允許我們查看所在城市的地圖(或者很多其他地方的地圖),放大以獲取街道和公交車站的詳細(xì)視圖,或者縮小以得到如何穿越城鎮(zhèn)、州或全國(guó)的鳥(niǎo)瞰圖。盡管在Google之前有很多的地圖站點(diǎn),但它們總是要求重新載入多個(gè)Web頁(yè)面(這通常是一個(gè)很慢的過(guò)程)來(lái)獲得想要的信息。
查看全部↓
David Sawyer Mcfarland,Sawyer McFarland Media公司總裁,資深Web應(yīng)用開(kāi)發(fā)工程師、培訓(xùn)講師和技術(shù)作家。在Web開(kāi)發(fā)方面擁有將近20年的工作經(jīng)驗(yàn),具有非常高的知名度和非常大的影響力。曾擔(dān)任加州大學(xué)伯克利分校的網(wǎng)絡(luò)負(fù)責(zé)人,他還在加州大學(xué)伯克利分校新聞學(xué)研究生院和波特蘭州立大學(xué)任教。他居住在波特蘭,并撰寫了Adobe Dreamweaver和CSS方面的Missing Manual系列暢銷書。
前言
第一部分 JavaScript入門
第1章 編寫第一個(gè)JavaScript程序
1.1 編程簡(jiǎn)介
1.2 如何把JavaScript添加到頁(yè)面中
1.3 第一個(gè)JavaScript程序
1.4 把文本寫到Web頁(yè)面上
1.5 附加外部JavaScript文件
1.6 追蹤錯(cuò)誤
第2章 JavaScripttYJ語(yǔ)法
2.1 語(yǔ)句
2.2 內(nèi)置函數(shù)
2.3 數(shù)據(jù)類型
2.4 變量
2.5 操作數(shù)據(jù)類型和變量
2.6 教程:使用變量創(chuàng)建消息
2.7 教程:請(qǐng)求信息
2.8 數(shù)組
2.9 教程:編寫使用數(shù)組的頁(yè)面
2.10 對(duì)象的簡(jiǎn)單介紹
2.11 注釋
第3章 為程序添加邏輯和控制
3.1 使程序智能地響應(yīng)
3.2 教程:使用條件語(yǔ)句
3.3 使用循環(huán)處理重復(fù)性任務(wù)
3.4 函數(shù):把有用的代碼轉(zhuǎn)換為可復(fù)用的命令
3.5 教程:一個(gè)簡(jiǎn)單測(cè)驗(yàn)
第二部分 jQuery入門
第4章 jQuery簡(jiǎn)介
4.1 JavaScript庫(kù)簡(jiǎn)介
4.2 獲取jQuery
4.3 把jQuery添加到頁(yè)面中
4.4 修改Web頁(yè)面:概覽
4.5 理解文檔對(duì)象模型
4.6 再談選擇頁(yè)面元素
4.7 向頁(yè)面中添加內(nèi)容
4.8 設(shè)置和讀取標(biāo)簽屬性
4.9 讀取、設(shè)置和刪除HTML屬性
4.10 操作選中的每個(gè)元素
4.11 自動(dòng)提取引用
第5章 動(dòng)作/響應(yīng):讓頁(yè)面通過(guò)事件動(dòng)起來(lái)
5.1 事件
5.2 以jQuery的方式使用事件
5.3 教程:事件簡(jiǎn)介
5.4 更多的jQuery事件概念
5.5 高級(jí)事件管理
5.6 教程:一頁(yè)的FAQl
第6章 動(dòng)畫和效果
6.1 jQuery效果
6.2 教程:登錄滑塊
6.3 動(dòng)畫
6.4 在效果完成后執(zhí)行一個(gè)操作
6.5 教程:動(dòng)畫儀表盤
6.6 jQuery和CSS3的過(guò)渡和動(dòng)畫
第7章 常見(jiàn)jQuery任務(wù)
7.1 交換圖像
7.2 教程:添加翻滾圖像
7.3 教程:帶有效果的照片集
7.4 控制鏈接的行為
7.5 在新窗口中打開(kāi)外部鏈接
7.6 創(chuàng)建新窗口
7.7 jQuery插件介紹
7.8 創(chuàng)建響應(yīng)式導(dǎo)航欄
第8章 擴(kuò)展Web表單
8.1 理解表單
8.2 為表單添加智能
8.3 教程:基本表單擴(kuò)展
8.4 表單驗(yàn)證
8.5 驗(yàn)證教程
第三部分 開(kāi)始jQueryUI學(xué)習(xí)
第9章 擴(kuò)展界面
9.1 jQueryUl
9.2 為何使用jQueryUI
9.3 使用jQueryUl
9.4 使用對(duì)話框添加消息
9.5 使用工具提示提供信息
9.6 添加標(biāo)簽面板
9.7 借助折疊節(jié)省空間
9.8 為頁(yè)面添加菜單
第10章 再談表單
1O.1 使用樣式采集數(shù)據(jù)
10.2 個(gè)性化選擇菜單
10.3 個(gè)性化按鈕
10.4 改進(jìn)單選按鈕和復(fù)選框
1O.5 使用自動(dòng)填充提供建議
10.6 jQueryul表單組件教程
第11章 定制jQueryUI外觀
11.1 ThemeRoller介紹
11.2 下載并使用新主題
113重寫jQueryUI樣式
第12章 jQueryUI交互和效果
12.1 可拖動(dòng)組件
12.2 可刪除組件
12.3 拖放教程
12.4 頁(yè)面項(xiàng)目排序
12.5 jQueryUI效果
第四部分 高級(jí)jQuery和JavaScripl
第13章 初識(shí)Ajax
13.1 Ajax
13.2 Aiax基礎(chǔ)知識(shí)
13.3 Ajax的jQuery方式
13.4 JSON
第六部分 附錄
附錄AJavaScript資源
查看全部↓