JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）課件：JavaScript基礎(chǔ)

JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）

JavaScript基礎(chǔ)

1.1JavaScript的歷史與現(xiàn)狀1.2JavaScript的運(yùn)行1.3JavaScript的開(kāi)發(fā)環(huán)境02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）21.1JavaScript的歷史與現(xiàn)狀1.1.1JavaScript的發(fā)展1.1.2JavaScript在HTML中的作用1.1.3Ajax02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）31.1.1JavaScript的發(fā)展當(dāng)時(shí)為Netscape工作的BrendanErich，開(kāi)始著手為即將在1995年發(fā)行的NetscapeNavigator2.0開(kāi)發(fā)一個(gè)稱之為L(zhǎng)iveScript的腳本語(yǔ)言，當(dāng)時(shí)的目的是同時(shí)在瀏覽器和服務(wù)器使用它。由來(lái)自Netscape、Sun、微軟、Borland和其他一些對(duì)腳本編程感興趣的公司的程序員組成的TC39錘煉出了ECMA-262，該標(biāo)準(zhǔn)定義了叫做ECMAScript的全新腳本語(yǔ)言。2005年12月，ECMA發(fā)布ECMA-357標(biāo)準(zhǔn)（ISO/IEC22537）出臺(tái),將ECMAScript作為JavaScript實(shí)現(xiàn)的基礎(chǔ)。02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）41.1.2JavaScript在HTML中的作用JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并具有安全性能的腳本編寫(xiě)語(yǔ)言。在HTML基礎(chǔ)上，使用JavaScript可以開(kāi)發(fā)交互式Web網(wǎng)頁(yè)，它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語(yǔ)言中實(shí)現(xiàn)的。JavaScript與HTML標(biāo)識(shí)結(jié)合在一起，實(shí)現(xiàn)在一個(gè)網(wǎng)頁(yè)中鏈接多個(gè)對(duì)象，與網(wǎng)絡(luò)客戶交互作用，從而可以開(kāi)發(fā)客戶端的應(yīng)用程序。02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）51.1.3AjaxAjax即“AsynchronousJavaScriptandXML”（異步JavaScript和XML）Ajax描述了把JavaScript和Web服務(wù)器組合起來(lái)的編程范型，JavaScript是Ajax的核心技術(shù)之一，在Ajax技術(shù)架構(gòu)中起著不可替代的作用。Ajax是一種Web應(yīng)用程序開(kāi)發(fā)的手段，它采用客戶端腳本與Web服務(wù)器交換數(shù)據(jù)，所以不必采用中斷交互的完整頁(yè)面刷新，就可以動(dòng)態(tài)地更新Web頁(yè)面。02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）61.2JavaScript的運(yùn)行1.2.1JavaScript代碼的裝載與解析當(dāng)一個(gè)HTML頁(yè)面被裝載時(shí)，它會(huì)裝載并解析過(guò)程中遇到的任何JavaScript。代碼解析是瀏覽器取得代碼并將之轉(zhuǎn)化成可執(zhí)行代碼的過(guò)程。02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）71.2.2在HTML頁(yè)面中嵌入JavaScript1．引入JavaScript腳本代碼到HTML文檔中如果需要把一段JavaScript插入HTML頁(yè)面，我們需要使用script標(biāo)簽（同時(shí)使用type屬性來(lái)定義腳本語(yǔ)言）。這樣，<scripttype="text/javascript">和</script>就可以告訴瀏覽器JavaScript從何處開(kāi)始，到何處結(jié)束。02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）81.2.2在HTML頁(yè)面中嵌入JavaScriptscript標(biāo)記的幾個(gè)屬性：（1）language屬性：用于指定封裝代碼的腳本語(yǔ)言及版本（2）type屬性：指定script標(biāo)記對(duì)之間插入的腳本代碼類型（3）src屬性：用于將外部的腳本文件內(nèi)容嵌入到當(dāng)前文檔中02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）91.2.2在HTML頁(yè)面中嵌入JavaScript2．嵌入JavaScript腳本代碼的位置（1）head標(biāo)記之間放置（2）body標(biāo)記之間放置（3）在兩個(gè)標(biāo)記對(duì)之間混合放置02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）101.3JavaScript的開(kāi)發(fā)環(huán)境JavaScript腳本編程一般分為如下步驟：①選擇JavaScript語(yǔ)言編輯器編輯腳本代碼；②嵌入該JavaScript腳本代碼到HTML文檔中；③選擇支持JavaScript的瀏覽器瀏覽該HTML文檔；④如果錯(cuò)誤則檢查并修正源代碼，重新瀏覽，此過(guò)程重復(fù)直至代碼正確為止；⑤處理不支持JavaScript腳本的情況。02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）111.3JavaScript的開(kāi)發(fā)環(huán)境1.3.1編寫(xiě)JavaScript代碼1.3.2運(yùn)行與調(diào)試JavaScript代碼1.3.3HTTP調(diào)試02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）121.3.1編寫(xiě)JavaScript代碼由于JavaScript純粹由文本構(gòu)成，因此編寫(xiě)JavaScript代碼可以用任何文本編輯器，也可以用編寫(xiě)HTML和CSS文件的任何程序，或者用像VisualStudio和Eclipse這樣強(qiáng)大的集成開(kāi)發(fā)環(huán)境。還可以使用開(kāi)源的AptanaStudio作為JavaScript的編寫(xiě)工具，AptanaStudio是一個(gè)集成式的Web應(yīng)用程序開(kāi)發(fā)環(huán)境，它不僅可以作為獨(dú)立的程序運(yùn)行，而且還可以作為Eclipse插件使用，其最廣為人知的是它非常強(qiáng)悍的JavaScript編輯器和調(diào)試器。02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）131.3.2運(yùn)行與調(diào)試JavaScript代碼運(yùn)行和調(diào)試JavaScript的主要工具還是Web瀏覽器，主流的Web瀏覽器還會(huì)包含一些JavaScript調(diào)試程序。對(duì)于JavaScript開(kāi)發(fā)，MozillaFirefox是最適合開(kāi)發(fā)用的瀏覽器之一。MozillaFirefoxWeb瀏覽器的插件Firebug是Web開(kāi)發(fā)必不可少的，尤其是使用JavaScript和AJAX的Web開(kāi)發(fā)，目前在JavaScript和CSS調(diào)試工具中位居首位。02十一月2024JavaScript語(yǔ)言與Ajax應(yīng)用（第二版）141.3.3HTTP調(diào)試1．Firebug通過(guò)使用Firebug的調(diào)試器跟蹤Ajax調(diào)用，可以觀察到請(qǐng)求首部和響應(yīng)首部。2．Live