JavaScript+jQuery前端開發(fā)基礎(chǔ)教程（第2版）（微課版）第1章_第1頁
JavaScript+jQuery前端開發(fā)基礎(chǔ)教程（第2版）（微課版）第1章_第2頁
JavaScript+jQuery前端開發(fā)基礎(chǔ)教程（第2版）（微課版）第1章_第3頁
JavaScript+jQuery前端開發(fā)基礎(chǔ)教程（第2版）（微課版）第1章_第4頁
JavaScript+jQuery前端開發(fā)基礎(chǔ)教程（第2版）（微課版）第1章_第5頁
已閱讀5頁，還剩28頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

JavaScript+jQuery前端開發(fā)基礎(chǔ)教程微課版第1章JavaScript基礎(chǔ)

本章主要內(nèi)容：JavaScript簡介JavaScript編程工具在HTML中使用JavaScriptJavaScript基本語法1.1JavaScript簡介JavaScript是一種輕量的解釋型編程語言，具有面向?qū)ο蟮奶攸c，在Web應(yīng)用中得到廣泛使用。所有現(xiàn)代Web瀏覽器（如Edge、Firefox、Chrome等，后文統(tǒng)稱為瀏覽器）都包含了JavaScript解釋器，所以都支持JavaScript腳本。嵌入HTML文檔的JavaScript稱為客戶端的JavaScript，通常簡稱為JavaScript。當(dāng)然，JavaScript并不局限于瀏覽器客戶端腳本編寫，也可用于服務(wù)器、PC客戶端和移動客戶端等的應(yīng)用編寫。1.1.1JavaScript版本JavaScript最初由Netscape（網(wǎng)景通信）公司的BrendanEich（布倫丹

?

艾希）研發(fā)。起初，該語言被稱為Mocha，但在1995年9月更名為LiveScript，最后在12月，Netscape公司與SunMicrosystems（太陽微系統(tǒng)）公司聯(lián)合發(fā)布的聲明中，它被命名為JavaScript，也就是JavaScript1.0。實現(xiàn)了JavaScript1.0的NetscapeNavigator瀏覽器2.0版幾乎壟斷了當(dāng)時的瀏覽器市場。因為JavaScript1.0的巨大成功，Netscape公司在NetscapeNavigator瀏覽器3.0版中實現(xiàn)了JavaScript1.1。Microsoft公司在進軍瀏覽器市場后，在InternetExplorer（簡稱IE）3.0中實現(xiàn)了一個JavaScript的克隆版本，并命名為JScript。在Microsoft加入后，有3種不同的JavaScript版本同時存在：NetscapeNavigator中的JavaScript、IE中的JScript以及CEnvi中的ScriptEase。這3種JavaScript的語法和特性并沒有統(tǒng)一。1997年，JavaScript1.1作為一個草案提交給歐洲計算機制造商協(xié)會（EuropeanComputerManufacturesAssociation，ECMA）。之后，由來自Netscape、SunMicrosystems、Microsoft、Borland公司和其他一些對腳本語言感興趣的程序員組成的TC39團體推出了JavaScript的“ECMA-262”標準，該標準將腳本語言名稱定義為ECMAScript。該標準也被國際標準化組織（InternationalOrganizationforStandardization，ISO）及國際電工委員會（InternationalElectrotechnicaCommission，IEC）采納，作為各種瀏覽器的JavaScript語言標準。因此，JavaScript成了事實上的名稱，ECMAScript代表了其語言標準。1.1.2JavaScript特點JavaScript具有下列主要特點。解釋性：瀏覽器內(nèi)置了JavaScript解釋器。在瀏覽器中打開HTML文檔時，其中的JavaScript代碼直接被解釋執(zhí)行。支持對象：可自定義對象，也可使用各種內(nèi)置對象。事件驅(qū)動：事件驅(qū)動使JavaScript能夠響應(yīng)用戶操作，而不需要Web服務(wù)器端處理。例如，當(dāng)用戶輸入E-mail地址時，可在輸入事件處理函數(shù)中檢查輸入的合法性。1.1.2JavaScript特點跨平臺：JavaScript腳本運行于JavaScript解釋器，配置了JavaScript解釋器的平臺均能執(zhí)行JavaScript腳本。安全性：客戶端JavaScript腳本不允許訪問本地磁盤，不能將數(shù)據(jù)寫入服務(wù)器，也不能對網(wǎng)絡(luò)文檔進行修改和刪除，只能通過瀏覽器實現(xiàn)信息的瀏覽和動態(tài)展示。Node.js作為一個服務(wù)器端JavaScript運行環(huán)境，可讓JavaScript成為類似于PHP、Python、Ruby等的服務(wù)器端腳本語言，可讓JavaScript程序?qū)崿F(xiàn)讀寫文件、執(zhí)行子進程以及網(wǎng)絡(luò)通信等功能。1.2JavaScript編程工具JavaScript腳本需要嵌入HTML文檔，可使用各種工具來編寫JavaScript腳本。最簡單的工具是Windows的記事本。常用的Web集成開發(fā)工具有VisualStudioCode（簡稱VSCode）、AdobeDreamweaver、Eclipse和IntelliJIDEA等。集成開發(fā)工具通常具有語法高亮、自動完成、錯誤檢測等功能。本書使用的VSCode是Microsoft推出的免費集成開發(fā)工具。1.2.1安裝VSCode演示過程1.2.2使用VSCode演示：在VSCode中創(chuàng)建HTML文檔1.2.3使用瀏覽器開發(fā)人員工具演示1.3.1嵌入式JavaScript腳本嵌入式JavaScript腳本指直接在HTML文檔中包含JavaScript腳本，可使用下面的3種方法實現(xiàn)嵌入式JavaScript腳本。使用<script>標記。作為事件處理程序。作為URL。在HTML中使用JavaScript在HTML文檔中，可通過兩種方式使用JavaScript腳本：嵌入鏈接1．使用<script>標記嵌入JavaScript腳本HTML文檔中的JavaScript腳本放在<script>和</script>標記之間。<script>標記放在

HTML

文檔的<head>或<body>部分，當(dāng)然也可放在其他位置。<script>標記內(nèi)可包括任意多條JavaScript語句，語句按照先后順序依次執(zhí)行，語句的執(zhí)行過程也是瀏覽器加載HTML文檔過程的一部分。除了函數(shù)內(nèi)部的代碼外，瀏覽器在掃描到JavaScript語句時就會立即執(zhí)行該語句。函數(shù)內(nèi)部的代碼在調(diào)用函數(shù)時執(zhí)行。一個HTML文檔可以包含任意多個<script>標記，<script>不能嵌套和交叉。不管有多少個<script>標記，對HTML文檔而言，它們包含的JavaScript語句組成一個JavaScript程序。在一個<script>標記中定義的變量和函數(shù)，可在后續(xù)的<script>標記中使用。language和type屬性<script>標記的language和type屬性（前者已被后者取代）可用于指定腳本使用的編程語言及其版本。<script

language="javascript"></script><script

language="javascript

1.5"></script><script

type="text/vbscript"></script>腳本語言及其版本被指定后，如果瀏覽器不支持，則會忽略<script>標記內(nèi)的腳本代碼。早期的腳本語言除了JavaScript外，還有VBScript。目前，絕大多數(shù)新的瀏覽器不再支持VBScript。JavaScript已成為事實上的唯一客戶端HTML腳本編程語言。所以，可不在<script>標記中指定腳本語言。</script>標記</script>標記表示一段腳本的結(jié)束。不管</script>標記出現(xiàn)在何處，瀏覽器均將其視為腳本的結(jié)束標記。<script>

document.write("<script>")

document.write("document.write('頁面中輸出腳本')")

document.write("</script>")

</script>defer屬性在<script>標記中使用defer屬性時，文檔加載完成后瀏覽器才執(zhí)行腳本。<script

defer></script>當(dāng)然，如果在腳本中有內(nèi)容輸出到頁面，defer屬性會被忽略，腳本立即執(zhí)行。2．作為事件處理程序JavaScript腳本代碼可直接作為事件處理程序代碼。例如：<input

type="button"

value="請單擊按鈕"

onclick="a

=

1;

b

=

2;alert('單擊按鈕執(zhí)行JavaScript語句彈出對話框\na+b='+(a+b))"/>3．作為URL在HTML文檔中，使用“javascript”作為協(xié)議名稱時，可將JavaScript語句作為URL使用。在訪問該URL時，JavaScript語句被執(zhí)行。例如：<a

href="javascript:a

=

1;

b

=

2;alert('單擊鏈接執(zhí)行JavaScript語句彈出對話框\na+b='+(a+b))">

請單擊此鏈接

</a>1.3.2鏈接JavaScript腳本<script>標記的src屬性用于指定鏈接的外部腳本文件。通常，基于下列原因?qū)avaScript腳本放在外部文件中。腳本代碼較長，移出HTML文檔后，可簡化HTML文檔。腳本中的代碼和函數(shù)需要在多個HTML文檔間共享。將共享代碼放在單個腳本文件中可節(jié)約磁盤空間，利于代碼維護。多個HTML文檔共享的函數(shù)在第1次被調(diào)用時，該函數(shù)被緩存，后續(xù)HTML文檔可直接使用緩存中的函數(shù)，加快網(wǎng)頁加載速度。<script>標記的src屬性值可以是任意的URL。這意味著可使用來自Web服務(wù)器的JavaScript腳本文件，或者是由服務(wù)器腳本動態(tài)輸出的腳本。獨立的JavaScript腳本文件擴展名通常為“.js”，“.js”文件只包含JavaScript代碼，沒有<script>和HTML標記。瀏覽器會將文件中的代碼插入<script>和</script>標記之間。

<script

src="test1-5.js"></script>1.4JavaScript基本語法1.4.1區(qū)分大小寫JavaScript對大小寫敏感，使用過程中需要嚴格區(qū)分關(guān)鍵字、變量、函數(shù)以及其他標識符的大小寫。

<script>

a

=

100

A

=

200

document.write(a)

document.write("<br>")

document.write(A

)

</script>1.4.2可忽略空格、換行符和制表符JavaScript會忽略代碼中不屬于字符串的空格、換行符和制表符。通常，空格、換行符和制表符用于幫助代碼排版，方便閱讀程序。

<script>

a

=

100

document.

write(a)

</script>1.4.3不強制使用語句結(jié)束符號JavaScript并不強制要求語句末尾使用分號“;”來作為語句結(jié)束符號。JavaScript解釋器可自動識別語句結(jié)束。在某些時候，可使用分號將多條語句寫在同一行。<script>

a

=100;

document.write(a)</script>1.4.4注釋注釋是程序中的說明信息，幫助理解代碼。腳本執(zhí)行時，注釋內(nèi)容會被忽略。JavaScript提供兩種注釋。//：單行注釋。//之后的內(nèi)容為注釋。/*……*/：多行注釋。在“/*”和“*/”之間的內(nèi)容為注釋，可以占據(jù)多個語句行。

<script>

/*

【例1-8】

在JavaScript腳本中使用注釋

下面的代碼用于說明JavaScript對大小寫敏感

*/

a

=

100

//變量賦值

A

=

200

//變量賦值

document.write(a)

//將變量值輸出到頁面

document.write("<br>")

//在頁面中輸出一個換行標記，將兩個變量值分開

document.write(A)

//將變量值輸出到頁面

</script>1.4.5標識符命名規(guī)則標識符用于命名JavaScript中的變量、函數(shù)或其他對象。JavaScript標識符命名規(guī)則與Java相同：第1個字符必須是字母、下劃線、美元符號或者漢字，后面的字符可以是字母、數(shù)字、下劃線或者漢字。JavaScript使用Unicode字符串，所以允許使用包含中文在內(nèi)的各國語言字符。例如，下面都是合法的標識符。A_data

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論