《JavaScript語言與Ajax應(yīng)用第01章JavaScript基礎(chǔ)》由會員分享,可在線閱讀,更多相關(guān)《JavaScript語言與Ajax應(yīng)用第01章JavaScript基礎(chǔ)(15頁珍藏版)》請在裝配圖網(wǎng)上搜索。
1、JavaScript語言與Ajax應(yīng)用(第二版),主編 董寧 陳丹 中國水利水電出版社,第1章 JavaScript基礎(chǔ),1.1 JavaScript的歷史與現(xiàn)狀 1.2 JavaScript的運行 1.3 JavaScript的開發(fā)環(huán)境,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),2,1.1 JavaScript的歷史與現(xiàn)狀,1.1.1 JavaScript的發(fā)展 1.1.2 JavaScript在HTML中的作用 1.1.3 Ajax,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),3,,1.1.1 JavaScript的發(fā)
2、展,當(dāng)時為Netscape工作的Brendan Erich,開始著手為即將在1995年發(fā)行的Netscape Navigator 2.0開發(fā)一個稱之為LiveScript的腳本語言,當(dāng)時的目的是同時在瀏覽器和服務(wù)器使用它。 由來自Netscape、Sun、微軟、Borland和其他一些對腳本編程感興趣的公司的程序員組成的TC39錘煉出了ECMA-262,該標準定義了叫做ECMAScript的全新腳本語言。 2005年12月,ECMA發(fā)布ECMA-357標準(ISO/IEC 22537)出臺,將ECMAScript作為JavaScript實現(xiàn)的基礎(chǔ)。,2020年9月26日星期六,JavaScri
3、pt語言與Ajax應(yīng)用(第二版),4,1.1.2 JavaScript在HTML中的作用,JavaScript是一種基于對象和事件驅(qū)動并具有安全性能的腳本編寫語言。 在HTML基礎(chǔ)上,使用JavaScript可以開發(fā)交互式Web網(wǎng)頁,它是通過嵌入或調(diào)入在標準的HTML語言中實現(xiàn)的。 JavaScript與HTML標識結(jié)合在一起,實現(xiàn)在一個網(wǎng)頁中鏈接多個對象,與網(wǎng)絡(luò)客戶交互作用,從而可以開發(fā)客戶端的應(yīng)用程序。,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),5,1.1.3 Ajax,Ajax即“Asynchronous JavaScript and XML”(異步J
4、avaScript和XML) Ajax描述了把JavaScript和Web服務(wù)器組合起來的編程范型,JavaScript是Ajax的核心技術(shù)之一,在Ajax技術(shù)架構(gòu)中起著不可替代的作用。 Ajax是一種Web應(yīng)用程序開發(fā)的手段,它采用客戶端腳本與Web服務(wù)器交換數(shù)據(jù),所以不必采用中斷交互的完整頁面刷新,就可以動態(tài)地更新Web頁面。,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),6,,1.2 JavaScript的運行,1.2.1 JavaScript代碼的裝載與解析 當(dāng)一個HTML頁面被裝載時,它會裝載并解析過程中遇到的任何JavaScript。 代碼解析是瀏覽
5、器取得代碼并將之轉(zhuǎn)化成可執(zhí)行代碼的過程。,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),7,1.2.2 在HTML頁面中嵌入JavaScript,1引入JavaScript腳本代碼到HTML文檔中 如果需要把一段 JavaScript 插入 HTML 頁面,我們需要使用 script 標簽(同時使用 type 屬性來定義腳本語言)。這樣, 和 就可以告訴瀏覽器 JavaScript 從何處開始,到何處結(jié)束。,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),8,1.2.2 在HTML頁面中嵌入JavaScript,script標記的幾
6、個屬性: (1)language 屬性:用于指定封裝代碼的腳本語言及版本 (2)type 屬性:指定script標記對之間插入的腳本代碼類型 (3)src 屬性:用于將外部的腳本文件內(nèi)容嵌入到當(dāng)前文檔中,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),9,1.2.2 在HTML頁面中嵌入JavaScript,2嵌入JavaScript腳本代碼的位置 (1)head標記之間放置 (2)body標記之間放置 (3)在兩個標記對之間混合放置,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),10,,1.3 JavaScript的開發(fā)環(huán)境,Ja
7、vaScript 腳本編程一般分為如下步驟: 選擇 JavaScript 語言編輯器編輯腳本代碼; 嵌入該 JavaScript 腳本代碼到 HTML文檔中; 選擇支持 JavaScript 的瀏覽器瀏覽該 HTML 文檔; 如果錯誤則檢查并修正源代碼,重新瀏覽,此過程重復(fù)直至代碼正確為止; 處理不支持 JavaScript 腳本的情況。,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),11,1.3 JavaScript的開發(fā)環(huán)境,1.3.1 編寫JavaScript代碼 1.3.2 運行與調(diào)試JavaScript代碼 1.3.3 HTTP調(diào)試,2020年9月26
8、日星期六,JavaScript語言與Ajax應(yīng)用(第二版),12,,1.3.1 編寫JavaScript代碼,由于JavaScript純粹由文本構(gòu)成,因此編寫JavaScript代碼可以用任何文本編輯器,也可以用編寫HTML和CSS文件的任何程序,或者用像Visual Studio和Eclipse這樣強大的集成開發(fā)環(huán)境。 還可以使用開源的Aptana Studio作為JavaScript的編寫工具,Aptana Studio 是一個集成式的Web應(yīng)用程序開發(fā)環(huán)境,它不僅可以作為獨立的程序運行,而且還可以作為Eclipse插件使用,其最廣為人知的是它非常強悍的JavaScript編輯器和調(diào)試器。
9、,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),13,1.3.2 運行與調(diào)試JavaScript代碼,運行和調(diào)試JavaScript的主要工具還是Web瀏覽器,主流的Web瀏覽器還會包含一些JavaScript調(diào)試程序。對于JavaScript開發(fā),Mozilla Firefox是最適合開發(fā)用的瀏覽器之一。 Mozilla Firefox Web瀏覽器的插件Firebug是Web開發(fā)必不可少的,尤其是使用JavaScript和AJAX的Web開發(fā),目前在JavaScript和CSS調(diào)試工具中位居首位。,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),14,1.3.3 HTTP調(diào)試,1Firebug 通過使用Firebug的調(diào)試器跟蹤Ajax調(diào)用,可以觀察到請求首部和響應(yīng)首部。 2Live HTTP Headers 如果要進校更細粒度的HTTP請求分析,可以使用Live HTTP Headers。 3ieHTTPHeaders IE也有類似的插件,名為ieHTTPHeaders,可以用它分析往來的通信。,2020年9月26日星期六,JavaScript語言與Ajax應(yīng)用(第二版),15,,