摘要:誕生于年,它的主要目的是處理以前由服務(wù)器端語(yǔ)言負(fù)責(zé)的一些輸入驗(yàn)證操作。的不同版本又稱為版次,以第版表示。目前最新的是簡(jiǎn)稱文檔對(duì)象模型文檔對(duì)象模型,是針對(duì)但經(jīng)過拓展用于的應(yīng)用程序接口,。元素當(dāng)瀏覽器不支持或被禁用時(shí),顯示里面的內(nèi)容。
JavaScript誕生于1995年,它的主要目的是處理以前由服務(wù)器端語(yǔ)言負(fù)責(zé)的一些輸入驗(yàn)證操作。
完整的JavaScript實(shí)現(xiàn)由下列三個(gè)不同的部分組成:
核心(ECMAScript)
文檔對(duì)象模型(DOM)
瀏覽器對(duì)象模型(BOM)
一、JavaScript簡(jiǎn)介1.1 ECMAScript
ECMAScript是由EXMA-262定義的,它提供了核心語(yǔ)言功能。
Web瀏覽器只是ECMAScript實(shí)現(xiàn)可能的宿主環(huán)境之一。宿主環(huán)境不僅提供基本的ECMAScript實(shí)現(xiàn),同時(shí)也會(huì)提供該語(yǔ)言的擴(kuò)展,以便語(yǔ)言與環(huán)境之間對(duì)接交互。
ECMA-262規(guī)定這門語(yǔ)言的下列組成部分:語(yǔ)法、類型、語(yǔ)句、關(guān)鍵字、保留字、操作符、對(duì)象
ECMAScript就是對(duì)實(shí)現(xiàn)該標(biāo)準(zhǔn)規(guī)定的各個(gè)方面內(nèi)容的語(yǔ)言的描述。
ECMAScript的不同版本又稱為版次,以第x版表示。目前最新的是ECMAScript 6.0(簡(jiǎn)稱:ES6)
1.2 文檔對(duì)象模型(DOM)
文檔對(duì)象模型(DOM,Document Object Model)是針對(duì)XML但經(jīng)過拓展用于HTML的應(yīng)用程序接口(API,Application Programming Interface)。
DOM把整個(gè)頁(yè)面映射為一個(gè)多層節(jié)點(diǎn)的結(jié)構(gòu)(結(jié)構(gòu)樹)。HTML或XML頁(yè)面中的每個(gè)組成部分都是某種類型的節(jié)點(diǎn),這些節(jié)點(diǎn)又包含著不同類型的數(shù)據(jù)。
DOM提供訪問和操作網(wǎng)頁(yè)內(nèi)容的方法和接口。
1.3 瀏覽器對(duì)象模型(BOM)
瀏覽器對(duì)象模型(BOM,Browser Object Model)是指可以訪問和操作瀏覽器窗口的應(yīng)用程序接口(API)
BOM提供與瀏覽器交互的方法和接口。
二、在HTML中使用JavaScript2.1
注意:在使用。 JavaScript代碼的執(zhí)行順序:只要不存在defer和async屬性,JavaScript代碼就會(huì)從上至下依次解析。 第二種:使用外鏈腳本形式,必須有src屬性,而且指定一個(gè)外部JavaScript文件的鏈接。 只要不存在defer和async屬性,瀏覽器都會(huì)按照 注意:defer只適合外部腳本文件。 2.3 異步腳本 async與defer屬性類似,都用于改變處理腳本的行為,適用于外部腳本文件,并告訴瀏覽器立即下載,但標(biāo)記為async的腳本并不保證按照指定它們的先后順序執(zhí)行。 指定async屬性的目的是不讓頁(yè)面等待兩個(gè)腳本下載和執(zhí)行,從而異步加載頁(yè)面其他內(nèi)容。 注意:異步腳本不要在加載期間修改DOM。 異步腳本一定會(huì)在頁(yè)面的load事件前執(zhí)行,但可能會(huì)在DOMContentLoaded事件觸發(fā)之前或之后執(zhí)行。 2.4 使用外部文件的好處 可維護(hù)性:將JavaScript文件都放在一個(gè)文件夾中,比每次都需要到不同的HTML頁(yè)面修改JavaScript方便維護(hù)。 當(dāng)瀏覽器不支持JavaScript或被禁用時(shí),顯示里面的內(nèi)容。 JavaScript由ECMAScript、DOM、BOM三部分組成;
執(zhí)行下面的代碼時(shí),會(huì)產(chǎn)生一個(gè)錯(cuò)誤:");
}
注意:帶有src屬性的標(biāo)簽之間再包含額外的JavaScript代碼,嵌入代碼會(huì)被忽略。
會(huì)先執(zhí)行example.js,然后執(zhí)行example2.js
兩個(gè)執(zhí)行順序不定。
可緩存:瀏覽器會(huì)緩存所有外部JavaScript文件,所以當(dāng)你有多個(gè)頁(yè)面使用同一個(gè)JavaScript腳本時(shí),這個(gè)腳本只需下載一次。
2.5
小結(jié)
ECMAScript由ECMA-262定義,提供核心語(yǔ)言功能;
文檔對(duì)象模型(DOM),提供訪問和操作網(wǎng)頁(yè)內(nèi)容的方法和接口;
瀏覽器對(duì)象模型(BOM),提供與瀏覽器交互的方法和接口;
把JavaScript插入到HTML頁(yè)面中要使用