兄弟連面向?qū)ο蟮娇蚣艿恼n件lamp cjavascript

JavaScript01-基本語法主講:郵箱:微博:課前復習命名空間的基本概念如何定義命名空間命名空間的使用預習檢查本章內(nèi)容1.什么是JavaScript2.JavaScript與Java的區(qū)別3.JavaScript程序的運行開發(fā)環(huán)境4.JavaScript的優(yōu)點與局限5.JavaScript基本語法1.什么是JavaScript人們通常所說的JavaScript，其正式名稱為ECMAScript。這個標準由ECMA組織發(fā)展和維護。ECMA-262是正式的JavaScript標準。這個標準基于網(wǎng)景（Netscape）公司提出的JavaScript語言和微軟提出的JScript語言。JavaScript是一種基于對象（Object）和事件驅(qū)動（EventDriven）并具有安全性能的腳本語言。使用這種語言的目的是：與Web客戶交互作用，美化頁面等。JavaScript的特點1.JavaScript是一種腳本編程語言，也是一種解釋性語言。2.JavaScript的語法基本結構形式與C++、Java十分類似。3.JavaScript是一種基于對象的語言。4.JavaScript具有跨平臺性。JavaScript是依賴于瀏覽器本身，與操作環(huán)境無關，只要能運行瀏覽器的計算機，并支持JavaScript的瀏覽器就可正確執(zhí)行。5.安全性與簡單性。2.JavaScript和Java的區(qū)別JavaScript和Java在語法上很類似，但其本質(zhì)有著根本的區(qū)別。Java是一種比JavaScript更加復雜的程序語言，而JavaScript相對于Java來說，則是容易上手得多。二者完全沒有關系，網(wǎng)景（Netscape）公司只是為了借著Java語言比較火的東風，將LiveScript語言更名成為了JavaScript語言。例如：雷鋒與雷峰塔的關系3.JavaScript程序運行開發(fā)環(huán)境1.NetscapeNavigator3.0或InternetExplorer3.0及以上版本。2.用于編輯HTML文檔的字符編輯器。注意：JavaScript的程序是通過客戶端瀏覽器來解析的，他的解析與Web服務器無關。4.JavaScript的優(yōu)點與局限優(yōu)點：1.使用JavaScript可以在客戶端進行數(shù)據(jù)驗證，節(jié)省服務器端的資源。2.可以方便地操縱各種頁面中的對象，使網(wǎng)頁更加友好。3.使多種任務僅在客戶端就可以完成而不需要網(wǎng)絡和服務器的參與，從而支持分布式的運算和處理。JavaScript的優(yōu)點與局限局限：1.兼容性?；ヂ?lián)網(wǎng)上有很多瀏覽器，如FireFox、InternetExplorer、Opera等，但各種瀏覽器支持JavaScript的程度是不一樣的，所以各個瀏覽器運行JavaScript的效果會有一定的差距，有時甚至會顯示不出來。2.JavaScript不能打開、讀寫和保存用戶計算機上的文件。5.JavaScript的基本語法5.1在HTML中使用JavaScript5.2基本語法5.3關鍵字和保留字5.4變量5.5數(shù)據(jù)類型5.6操作符5.7語句5.1在HTML中使用JavaScript在HTML中使用JavaScript1.使用<script>JS代碼</script>標簽src屬性：表示包含要執(zhí)行代碼的外部文件。type屬性：text/javascript（可省略）<scripttype=“text/javascript”> alert(‘hello,js’);</script>在HTML中使用JavaScript2.使用<script></script>標簽導入js文件。注意：當使用script標簽的src屬性時，script標簽中一定不能放入任何JS代碼。例如：

<scriptsrc=‘test.js’>

之間不允許加入任何JS代碼….

</script>注意：<script>標簽可以放到html頁面的任何地方。在HTML中使用JavaScript3.1使用事件傳入JavaScript代碼<divonclick=“alert(‘hello,js’)”></div>3.2使用<ahref=“javascript:alert(‘hello,js’);”></a>5.2JavaScript的基本語法1.區(qū)分大小寫變量、函數(shù)名和操作符——都區(qū)分大小寫2.標識符a.第一個字符必須是一個字母、下劃線或是一個美元符號$b.其他字符可以是字母、下劃線、美元符號或是數(shù)字注意：不能把關鍵字、保留字、true、false和null用作標識符5.2JavaScript的基本語法3.注釋 //……

單行注釋 /*…*/

多行注釋4.語句 JavaScript中的語句以一個分號結尾，如果省略分號，則由解析器確定語句的結尾，一般情況下，換行會被當做一個語句的結尾。5.3關鍵字和保留字5.關鍵字和保留字break else new varcase finally return voidcatch for switch while……….abstract enum int short……….5.4JavaScript中的變量6.變量定義變量時要使用var操作符（注意var是一個關鍵字），后跟變量名稱（一個標識符），如下所示：varmessage;也可以直接初始化變量或不使用var（但不推薦）varmessage=‘hi’; message=100;注意：使用var操作符定義的變量將成為定義該變量的作用域中的局部變量。5.2JavaScript的基本語法6.變量可以使用一條語句定義多個變量，只要像下面這樣把每個變量用逗號分隔開即可：varmessage=“hi”, found=false, age=100;JavaScript的數(shù)據(jù)類型1.基本數(shù)據(jù)類型a.字符串b.數(shù)值型c.布爾型2.復合數(shù)據(jù)類型a.對象b.數(shù)組3.其他數(shù)據(jù)類型a.函數(shù)b.nullc.undefined4.數(shù)據(jù)類型的轉(zhuǎn)換a.隱式類型轉(zhuǎn)換b.顯式類型轉(zhuǎn)換字符串型字符串型是JavaScript中用來表示文本的數(shù)據(jù)類型，是由Unicode字符、數(shù)字和標點符號組成的一個字符串序列。字符串通常是由單引號或是雙引號括起來的。1.單引號和雙引號均可解析轉(zhuǎn)義字符2.單引號和雙引號均不能解析變量3.變量與字符串、變量與變量要使用+來連接。4.單引號和雙引號可以互相嵌套，如果單引號中要嵌套單引號，需要將單引號轉(zhuǎn)義，同理，雙引號相同。數(shù)值類型最基本的數(shù)值字面量格式是十進制整數(shù)：varnum=10;除了以十進制表示外，整數(shù)還可以通過八進制或十六進制的字面值來表示：varnum=070; //八進制數(shù)，以0開頭varnum=0xA; //十六進制數(shù)，以0x開頭注意：雖然數(shù)值可以用八進制或十六進制來表示，但在進行算術計算時，所有以八進制和十六進制表示的數(shù)值都將轉(zhuǎn)換成十進制數(shù)值。數(shù)值類型1.浮點數(shù)值所謂浮點數(shù)值，就是該數(shù)值中必須包含一個小數(shù)點，并且小數(shù)點后面必須至少有一位數(shù)字。varnum=1.1;varnum=0.1;varnum=.1;

//有效，但不推薦如果小數(shù)點后面沒有跟任何數(shù)字（如1.），可以作為整數(shù)值來保存。如果浮點數(shù)值本身表示的就是一個整數(shù)（如1.0），該值會被轉(zhuǎn)為整數(shù)。數(shù)值類型可以使用e來表示科學計數(shù)法。varnum=1.2e3; //等于1200浮點數(shù)值的最高精度是17位小數(shù)，但在進行算術計算時其精度遠遠不如整數(shù)。思考：0.1加0.2的結果是多少？數(shù)值類型注意：永遠不要測試某個特定的浮點數(shù)的值！例如： vara=0.1; varb=0.2; if(a+b==0.3){ alert(“輸出了”); }這里是不會彈出的！數(shù)值類型2.數(shù)值范圍由于內(nèi)存的限制，我們的JavaScript不能保存所有的數(shù)值。在大多數(shù)瀏覽器中，最小值是5e-324；最大值為1.7976931348623157e+308，如果某次的計算結果超出這個范圍，那么這個值將自動轉(zhuǎn)換為Infinity（正無窮）和-Infinity（負無窮）；Infinity不是能夠參與計算的數(shù)值，可以使用isFinite()函數(shù)來判斷這個數(shù)值是不是無窮的。數(shù)值類型3.NaNNaN，即非數(shù)值（NotaNumber）是一個特殊的數(shù)值，這個數(shù)值用于表示一個本來要返回數(shù)值的操作數(shù)未返回數(shù)值的情況。例如：在其他語言中，任何數(shù)值除以0都會導致錯誤。但在JavaScript中，任何數(shù)值除以0會返回NaN，因此不會影響其他代碼的運行。數(shù)值類型NaN的特點：1.任何涉及NaN的操作，結果都為NaN2.NaN與任何值都不相等，包括NaN本身。例如：下面的代碼會返回falsealert(NaN==NaN);可以使用isNaN()函數(shù)來判斷某一個值是否是NaN類型。思考：使用isNaN來判斷下面的值，返回什么？NaN 10 “10”“blue”true數(shù)值類型數(shù)值轉(zhuǎn)換：我們可以使用三個函數(shù)Number()、parseInt()和parseFloat()將一個非數(shù)值轉(zhuǎn)換為數(shù)值。Number()函數(shù)的轉(zhuǎn)換規(guī)則：1.如果是布爾值，true和false將分別轉(zhuǎn)換為1和02.如果是數(shù)字值，只是簡單的傳入和返回3.如果是null，返回04.如果undefined，返回NaN數(shù)值類型5.如果是字符串，遵循下列規(guī)則：a.“11”會變成11，“011”會變成11b.“1.1”會變成1.1c.“0xf”會變成相同大小的十進制整數(shù)值d.如果字符串是空的，則將其轉(zhuǎn)換為0e.如果字符串包含除上述格式之外的字符，則將其轉(zhuǎn)換成NaN數(shù)值類型思考：varnum=Number(“hello,lampbrother”);varnum=Number(“”);varnum=Number(“000011”);varnum=Number(true);分別返回什么？數(shù)值類型parseInt()的轉(zhuǎn)換規(guī)則：1.忽略字符串前面的空格，直到找到第一個非空格字符2.如果第一個字符不是數(shù)字或者是負號，返回NaN3.空字符串，返回NaN4.如果第一個字符是數(shù)字，會繼續(xù)解析第二個字符，直到解析完所有后續(xù)字符或遇到了一個非數(shù)字字符。5.如果字符串以0x開頭且后面跟數(shù)字字符，就會將其轉(zhuǎn)為16進制數(shù)，同樣，八進制也一樣。數(shù)值類型思考：下面結果返回什么？ parseInt(“1234blue”); parseInt(“”); parseInt(“0xA”); parseInt(22.5); parseInt(“070”); parseInt(“70”); parseInt(“0xf”);數(shù)值類型parseFloat()也是從第一個字符開始解析每個字符，而且也是一直解析到字符串末尾，或者解析到遇見一個無效的浮點數(shù)字字符為止。規(guī)則如下：1.第一個小數(shù)點是有效的，第二個小數(shù)點無效2.始終忽略前面的0，不分進制數(shù)3.十六進制會被轉(zhuǎn)換成04.空字符串轉(zhuǎn)換為NaN數(shù)值類型思考：下面結果返回什么？ parseFloat(“1234blue”); parseFloat(“0xA”); parseFloat(“”); parseFloat(“22.5”); parseFloat(“22.34.5”); parseFloat(“070.5”); parseFloat(“3.12e7”);布爾類型3.布爾類型布爾類型的字面值只有兩個，true和false，可以使用Boolean()函數(shù)將一個非布爾類型轉(zhuǎn)換為布爾類型。注意：true和false是嚴格區(qū)分大小寫的數(shù)據(jù)類型轉(zhuǎn)換為true轉(zhuǎn)換為false布爾型truefalse字符串任何非空字符串“”（空字符串）數(shù)值任何非零數(shù)字值0和NaN對象任何對象nullundefinedn/aundefined復合數(shù)據(jù)類型1.對象對象其實就是一些數(shù)據(jù)的集合，這些數(shù)據(jù)可以是字符串型、數(shù)字型和布爾型，也可以是復合型。2.數(shù)組數(shù)組與對象一樣，也是一些數(shù)據(jù)的集合，這些數(shù)據(jù)也可以是字符串型、數(shù)字型、布爾型、或者是復合型。與對象不同，數(shù)組中的數(shù)據(jù)并沒有命名，不能通過名字來引用該數(shù)據(jù)。在數(shù)組中，為每個數(shù)據(jù)都編了一個號（從0開始），為數(shù)組的下標。其他數(shù)據(jù)類型1.函數(shù)函數(shù)是一段可執(zhí)行的JavaScript代碼，在JavaScript中，函數(shù)可以帶有0個或多個參數(shù)，也可以返回一個值或不返回值。2.nullnull是一個特殊的數(shù)據(jù)類型，其所代表的意思是“空”。需要注意，這個空并不代表是0或空字符串。null代表沒有值，不是一個有效的數(shù)字、字符串、也不是數(shù)組、對象和函數(shù)，什么數(shù)據(jù)類型都不是。其他數(shù)據(jù)類型3.undefinedundefined也是一個特殊的數(shù)據(jù)類型，只有定義了一個變量但沒有為該變量賦值，使用了一個并未定義的變量、或者是使用了一個不存在的對象的屬性時，JavaScript會返回undefined。數(shù)據(jù)類型的轉(zhuǎn)換1.隱式類型轉(zhuǎn)換所謂隱式類型轉(zhuǎn)換，就是不需要程序員定義，JavaScript會自動將某一個類型的數(shù)據(jù)轉(zhuǎn)換成另一個類型的數(shù)據(jù)。JavaScript隱式類型轉(zhuǎn)換的規(guī)則：將類型轉(zhuǎn)換到環(huán)境中應該使用的類型。例如：if(1){ //1會自動轉(zhuǎn)換成true document.write(‘ok’); }數(shù)據(jù)類型的轉(zhuǎn)換可以隱式類型轉(zhuǎn)換的情況：1.數(shù)字類型：在字符串環(huán)境下可以隱式轉(zhuǎn)換為“數(shù)字”，在布爾環(huán)境下，可以隱式轉(zhuǎn)換為true（非0數(shù)字，0為false）2.非空字符串：在數(shù)字環(huán)境下，可以隱式轉(zhuǎn)換為字符串中的數(shù)字或NaN；在布爾環(huán)境下，可以隱式轉(zhuǎn)換為true。3.空字符串：在數(shù)字環(huán)境下可以隱式轉(zhuǎn)換為0；在布爾環(huán)境下可以隱式轉(zhuǎn)換為false;4.字符串”true“：在數(shù)字環(huán)境下可以隱式轉(zhuǎn)換位1；布爾為true5.字符串“false”：數(shù)字環(huán)境為0，布爾位false數(shù)據(jù)類型的轉(zhuǎn)換6.null：在字符串環(huán)境下，轉(zhuǎn)換為“null”；數(shù)字環(huán)境下，轉(zhuǎn)換為0，布爾環(huán)境下，轉(zhuǎn)為false7.NaN：在字符串環(huán)境下可以隱式轉(zhuǎn)換為“NaN”;布爾環(huán)境下，轉(zhuǎn)換為false8.undefined：字符串環(huán)境下，轉(zhuǎn)換為“undefined”，數(shù)字環(huán)境下，轉(zhuǎn)為NaN，布爾下，轉(zhuǎn)為false9.true：字符串轉(zhuǎn)為“true”，數(shù)字環(huán)境下轉(zhuǎn)為110.false：字符串轉(zhuǎn)為“false”，數(shù)字環(huán)境下轉(zhuǎn)為0數(shù)據(jù)類型的轉(zhuǎn)換2.顯式類型轉(zhuǎn)換在JavaScript中，可以使用Number()、Boolean()、String()函數(shù)來將數(shù)據(jù)類型轉(zhuǎn)換成數(shù)字型、布爾型、字符串型1.數(shù)字類型轉(zhuǎn)換成字符串型，可以將其與一個空字符串相連。vars=123+””;2.字符串型轉(zhuǎn)換成數(shù)字型，可以將其減0vars=“123”-0;3.字符串型或數(shù)字型轉(zhuǎn)換成布爾型，可以使用兩次！運算符vars=“true”; if(!!s){}常量1.整數(shù)常量2.浮點常量3.字符串常量4.布爾常量5.數(shù)組常量整數(shù)常量1.十進制整數(shù)12301234567892.八進制整數(shù)0123023407653.十六進制整數(shù)0x1230xaf0xff浮點常量1.傳統(tǒng)記數(shù)法：1.2233.12.322.科學計數(shù)法：1.2e31E45.2e-2字符串常量字符串是由單引號或雙引號括起來的字符序列。注意：字符串常量必須寫在一行中“Javascript”‘Javascript’“js’slanguage”‘a(chǎn)”b’布爾常量布爾常量是比較簡單的一種常量，只有兩種值，一種是true，一種是false，在有些時候，JavaScript也可以把0和1分別看成false和true。數(shù)組常量數(shù)組名=[數(shù)組值1，數(shù)組值2，數(shù)組值3………]數(shù)組長度：所謂數(shù)組長度就是數(shù)組中包含多少個數(shù)據(jù)。數(shù)組下標：數(shù)組使用下標來獲取數(shù)組中的某個值。下標從0開始。訪問數(shù)組中的元素：數(shù)組名[下標值]表達式與運算符1.表達式

常量表達式

1.2“str” false

變量表達式

xy

復合表達式

x+y1+2(x+y)-(1+2)2.操作數(shù)

x=100x=12+23x和常量12，23，100都是操作表達式與運算符3.運算符a.一元運算符++--b.二元運算符+-*/c.三元運算符？：d.算術運算符e.比較運算符f.字符串運算符g.賦值運算符表達式與運算符h.邏輯運算符i.位運算符j.特殊運算符表達式與運算符算術運算符：1.加法運算符

+2.減法運算符

-3.乘法運算符

*4.除法運算符 /5.模運算符

%6.負號運算符

-7.正號運算符 +表達式與運算符8.遞增運算符

++9.遞減運算符

--表達式與運算符關系運算符1.相等運算符

==2.等同運算符

===3.不等運算符

！=4.不等同運算符

！==5.小于運算符

<6.大于運算符