JavaScript腳本語言基礎(chǔ).ppt

1、第4章 JavaScript腳本語言基礎(chǔ),4.1 JavaScript簡(jiǎn)介 4.2 JavaScript語法基礎(chǔ) 4.3 JavaScript中的內(nèi)置對(duì)象和函數(shù) 4.4 JavaScript范例,4.1 JavaScript簡(jiǎn)介,Netscape公司為了進(jìn)一步擴(kuò)充它的瀏覽器的功能，開發(fā)了一種可以嵌入在Web主頁中的編程語言。在早期這種語言叫做LiveScript，后來為了利用Sun公司開發(fā)的Java語言的功能并借用它的流行性，把它改名為JavaScript。,本章首頁,4.1 JavaScript簡(jiǎn)介,4.1.1 JavaScript的特點(diǎn) 1JavaScript是一種腳本語言 2JavaSc

2、ript是基于對(duì)象的語言 3JavaScript是事件驅(qū)動(dòng)的語言 4JavaScript是安全的語言 5JavaScript是與平臺(tái)無關(guān)的語言,4.1 JavaScript簡(jiǎn)介,4.1.2 JavaScript與其他語言的比較 1JavaScript與Java 2JavaScript與VBScript 3JavaScript與LiveWire 4JavaScript與Perl,4.1 JavaScript簡(jiǎn)介,4.1.3 JavaScript與HTM 為了運(yùn)用JavaScript控制HTML頁面上的對(duì)象，JavaScript的代碼必須與HTML代碼結(jié)合在一起。將JavaScript嵌入HTML

3、頁面時(shí)，必須使用SCRIPT標(biāo)簽，該標(biāo)簽使用形式如下： /JavaScript代碼 標(biāo)簽通知瀏覽器，有腳本嵌入到標(biāo)簽中。,4.2 JavaScript語法基礎(chǔ),JavaScript是一種易學(xué)易用的腳本語言，目的是面向與用戶動(dòng)態(tài)交互的腳本開發(fā)，擴(kuò)展HTML頁面的功能，而不是開發(fā)大型復(fù)雜的程序，所以相對(duì)而言，JavaScript的語法規(guī)則較少而且較為簡(jiǎn)單。但作為一門編程語言，它有自己的語法規(guī)則，自己的關(guān)鍵字、指令和對(duì)象。,4.2 JavaScript語法基礎(chǔ),4.2.1 變量 1JavaScript的數(shù)據(jù)類型,4.2 JavaScript語法基礎(chǔ),2變量的定義 JavaScript中采用弱類型變量

4、，變量可以不做聲明和不做類型說明，而在使用或賦值時(shí)確定類型。但為了形成良好的編程風(fēng)格，變量應(yīng)該采取先定義再使用的方法。JavaScript中變量的定義用關(guān)鍵字var來實(shí)現(xiàn)。例如，定義一個(gè)名為id的變量： var id; ,本章首頁,4.2 JavaScript語法基礎(chǔ),3變量的命名 變量的命名要遵循如下的規(guī)則： （1）變量名不能與保留字沖突。 （2）變量名必須以字母或者下劃線（_）開頭，不能用數(shù)字或者其他非字母字符作為變量名開頭。 （3）變量名中不能包含空格。 （4）JavaScript是區(qū)分大小寫的，所以給變量命名時(shí)要考慮大小寫的問題。,4.2 JavaScript語法基礎(chǔ),4.2.2 表達(dá)

5、式與運(yùn)算符 按照運(yùn)算符的功能可以分為： 算術(shù)運(yùn)算符。 位運(yùn)算符。 邏輯運(yùn)算符。 比較運(yùn)算符。 賦值運(yùn)算符。 其他運(yùn)算符。,4.2 JavaScript語法基礎(chǔ),4.2.3 基本語句 1條件語句 （1）if語句格式： if (表達(dá)式) 語句塊; ,（2）if-else語句 if (表達(dá)式) 語句塊1; else 語句塊2; ,4.2 JavaScript語法基礎(chǔ),（3）switch語句 switch (表達(dá)式) case 值1：語句1; break; case 值2：語句2; break; case 值n：語句n; break; default：語句; ,4.2 JavaScript語法基礎(chǔ),2

6、循環(huán)語句 （1）for語句 for (初始表達(dá)式；循環(huán)條件表達(dá)式；計(jì)數(shù)器表達(dá)式) 語句塊； （2）while語句 while (循環(huán)條件表達(dá)式) 語句塊； 計(jì)數(shù)器表達(dá)式； ,4.2 JavaScript語法基礎(chǔ),（3）do-while語句 do 語句塊; 計(jì)數(shù)器表達(dá)式; while (循環(huán)條件表達(dá)式) （4）label語句 label: 代碼塊； （5）break語句 break;或break label; （6）continue語句 continue;或continue label;,4.2 JavaScript語法基礎(chǔ),3其他語句 （1）for-in語句 for (變量 in 對(duì)象) 代碼

7、塊； （2）with語句 with (對(duì)象) 代碼塊； （3）return語句 （4）注釋,4.2 JavaScript語法基礎(chǔ),4.2.4 函數(shù) JavaScript不區(qū)分函數(shù)和過程，它只有函數(shù)。 1函數(shù)的定義 founction 函數(shù)名(參數(shù)1,參數(shù)2.) 代碼塊； 2函數(shù)的參數(shù)：在函數(shù)定義時(shí)確定參數(shù)，然后按照確定的參數(shù)進(jìn)行傳遞調(diào)用。 3函數(shù)返回值：可以使用return語句返回常量、變量，也可以是表達(dá)式等。,4.3 JavaScript的內(nèi)置對(duì)象和函數(shù),JavaScript中的內(nèi)置對(duì)象，包括數(shù)學(xué)（Math）對(duì)象、字符串（String）對(duì)象、日期（Date）對(duì)象、時(shí)間（Time）對(duì)象和數(shù)組（

8、Array）對(duì)象等。,4.3 JavaScript的內(nèi)置對(duì)象和函數(shù),4.3.1 Math對(duì)象 Math對(duì)象不需要用new操作符創(chuàng)建對(duì)象，而是可以直接使用，所以又被稱作是靜態(tài)的對(duì)象。 調(diào)用方式為： Math.數(shù)學(xué)函數(shù)名(參數(shù)表) 1Math對(duì)象的屬性 2Math對(duì)象的方法,本章首頁,4.3 JavaScript的內(nèi)置對(duì)象和函數(shù),4.3.2 String對(duì)象 String中的函數(shù)不能直接使用類名String加函數(shù)名，而是要?jiǎng)?chuàng)建String類型的對(duì)象，在對(duì)象的后面加上函數(shù)名。 1String對(duì)象的定義 str1=hello; str2=new String(hello); 2String對(duì)象的屬性

9、3String對(duì)象的方法,4.3 JavaScript的內(nèi)置對(duì)象和函數(shù),4.3.3 Date對(duì)象 JavaScript中沒有日期類型，Date對(duì)象中不僅包括日期，還包括時(shí)間。 1Date對(duì)象的定義 var 對(duì)象名=new Date(參數(shù)); 2Date對(duì)象的方法,4.3 JavaScript的內(nèi)置對(duì)象和函數(shù),4.3.4 Array對(duì)象 數(shù)組是一系列元素的有序集合，它的強(qiáng)大功能是不可替代的。在JavaScript中，可以使用Array數(shù)組對(duì)象來完成對(duì)數(shù)組的操作。 1Array對(duì)象的定義 使用關(guān)鍵字new來創(chuàng)建。 2Array對(duì)象的屬性 3Array對(duì)象的方法,4.3 JavaScript的內(nèi)置對(duì)

10、象和函數(shù),4.3.5 內(nèi)置函數(shù) （1）escape()：對(duì)字符串進(jìn)行編碼。 （2）unescape()：對(duì)字符串進(jìn)行解碼。 （3）eval()：將字符串轉(zhuǎn)換為實(shí)際代表的語句或運(yùn)算。 （4）parseInt()：將其他類型的數(shù)據(jù)轉(zhuǎn)換成整數(shù)。 （5）parseFloat()：將其他類型的數(shù)據(jù)轉(zhuǎn)換成浮點(diǎn)數(shù)。 （6）isNaN()：判斷一個(gè)表達(dá)式是否是數(shù)值。,4.3 JavaScript的內(nèi)置對(duì)象和函數(shù),4.3.6 自定義對(duì)象 （1）通過對(duì)象初始化來創(chuàng)建，格式為： 對(duì)象=屬性1:屬性值1,屬性2:屬性值2,.,屬性n:屬性值n （2）通過定義對(duì)象的構(gòu)造方法創(chuàng)建對(duì)象 function 對(duì)象名(屬性1,屬性2,.,屬性n) this.屬性1=屬性值1;this.屬性2=屬性值2; . this.屬性n=屬性值n; this.方法1=函數(shù)名1;this.方法2=函數(shù)名2; . this.