一個(gè)js非常簡(jiǎn)明的教程
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
[p][align=left][b][color=#006600]1.js簡(jiǎn)介及特點(diǎn)[/color][/b][/align][/p]
[p][align=left][color=#006600] javascript語言的前身叫作livescript。自從sun公司推出著名的java語言之后,netscape公司引進(jìn)了sun公司有關(guān)java的程序概念,將自己原有的livescript 重新進(jìn)行設(shè)計(jì),并改名為javascript。[/color][/align][/p] [p][b]2.js的運(yùn)行環(huán)境[/b][br] [/p] [p][color=#000000] 在目前流行的瀏覽器中,netscape公司的navigator 2.0以上版本的瀏覽器具都有處理javascript[br]源代碼的能力。javascript在其中實(shí)現(xiàn)了它的1.0版本,并在后來的navigator 3.0實(shí)現(xiàn)了它的1.1版本,[br]在現(xiàn)在推出的navigator 4.0(communicator)中,javascript在其中實(shí)現(xiàn)了它的1.2版本。[/color][/p] [p][color=#000000] 微軟公司從它的internet explorer 3.0版開始支持javascript。microsoft把自己實(shí)現(xiàn)的javascript[br]規(guī)范叫做jscript。這個(gè)規(guī)范與netscape navigator瀏覽器中的javascript規(guī)范在基本功能上和語法上是一[br]致的,但是在個(gè)別的對(duì)象實(shí)現(xiàn)方面還有一定的差別,這里特別需要予以注意。[/color][/p] [p][b]4.js的數(shù)據(jù)類型和變量[/b][br] [/p] [p] javascript 有六種數(shù)據(jù)類型。主要的類型有 number、string、object 以及 boolean 類型,其他兩種類型為 null 和 undefined。[br][br] string 字符串類型:字符串是用單引號(hào)或雙引號(hào)來說明的。(使用單引號(hào)來輸入包含引號(hào)的字符串。)如:“the cow jumped over the moon.”[/p] [p] 數(shù)值數(shù)據(jù)類型:javascript 支持整數(shù)和浮點(diǎn)數(shù)。整數(shù)可以為正數(shù)、0 或者負(fù)數(shù);浮點(diǎn)數(shù)可以包含小數(shù)點(diǎn)、也可以包含一個(gè) “e”(大小寫均可,在科學(xué)記數(shù)法中表示“10的冪”)、或者同時(shí)包含這兩項(xiàng)。[/p] [p] boolean 類型:可能的 boolean 值有 true 和 false。這是兩個(gè)特殊值,不能用作 1 和 0。[/p] [p] undefined 數(shù)據(jù)類型:一個(gè)為 undefined 的值就是指在變量被創(chuàng)建后,但未給該變量賦值以前所具有的值。[/p] [p] null 數(shù)據(jù)類型:null 值就是沒有任何值,什么也不表示。[/p] [p] object類型:除了上面提到的各種常用類型外,對(duì)象也是javascript中的重要組成部分,這部分將在后面章節(jié)詳細(xì)介紹。[/p] [p] 在 javascript 中變量用來存放腳本中的值,這樣在需要用這個(gè)值的地方就可以用變量來代表,一個(gè)變量可以是一個(gè)數(shù)字,文本或其它一些東西。[/p] [p] javascript是一種對(duì)數(shù)據(jù)類型變量要求不太嚴(yán)格的語言,所以不必聲明每一個(gè)變量的類型,變量聲明盡管不是必須的,但在使用變量之前先進(jìn)行聲明是一種好的習(xí)慣。可以使用 var 語句來進(jìn)行變量聲明。如:var men = true; // men 中存儲(chǔ)的值為 boolean 類型。[/p] [p] 變量命名:javascript 是一種區(qū)分大小寫的語言,因此將一個(gè)變量命名為 computer 和將其命名為 computer是不一樣的。[br] 另外,變量名稱的長度是任意的,但必須遵循以下規(guī)則: [br] 1.第一個(gè)字符必須是一個(gè)字母(大小寫均可)、或一個(gè)下劃線(_)或一個(gè)美元符 ($)。 [br] 2.后續(xù)的字符可以是字母、數(shù)字、下劃線或美元符。 [br] 3.變量名稱不能是保留字。[/p] [p][b]5.js的語句及語法[/b][br] [/p] [p][color=#000000] javascript所提供的語句分為以下幾大類: [br] 1.變量聲明,賦值語句:var。[br] 語法如下: var 變量名稱 [=初始值] [br] 例:var computer = 32 //定義computer是一個(gè)變量,且有初值為32。[/color][/p] [p][color=#000000] 2.函數(shù)定義語句:function,return。 [br] 語法如下: function 函數(shù)名稱 (函數(shù)所帶的參數(shù)) [br] { [br] 函數(shù)執(zhí)行部分 [br] }[br][br] return 表達(dá)式 //return語句指明將返回的值。 [br] 例:function square ( x ) [br] { [br] return x*x [br] } [/color][/p] [p][color=#000000] 3.條件和分支語句:if...else,switch。 [br] if...else語句完成了程序流程塊中分支功能:如果其中的條件成立,則程序執(zhí)行緊接著條件的語句或語句塊;否則程序執(zhí)行else中的語句或語句塊。 語法如下: if (條件)[br] { [br] 執(zhí)行語句1 [br] }else{ [br] 執(zhí)行語句2 [br] } [br] 例:if (result == true)[br] { [br] response = “你答對(duì)了!” [br] }else{ [br] response = “你錯(cuò)了!” [br] }[br][br] 分支語句switch可以根據(jù)一個(gè)變量的不同取值采取不同的處理方法。 [br] 語法如下: switch (expression)[br] { [br] case label1: 語句串1; [br] case label2: 語句串2; [br] case label3: 語句串3;[br] ... [br] default: 語句串3;[br] } [br] 如果表達(dá)式取的值同程序中提供的任何一條語句都不匹配,將執(zhí)行default 中的語句。 [/color][/p] [p][color=#000000] 4. 循環(huán)語句:for, for...in,while,break,continue。 [br] for語句的語法如下: for (初始化部分;條件部分;更新部分)[br] { [br] 執(zhí)行部分... [br] } [br] 只要循環(huán)的條件成立,循環(huán)體就被反復(fù)的執(zhí)行。 [br] for...in語句與for語句有一點(diǎn)不同,它循環(huán)的范圍是一個(gè)對(duì)象所有的屬性或是一個(gè)數(shù)組的所有元素。[br][br] for...in語句的語法如下: for (變量 in 對(duì)象或數(shù)組)[br] { [br] 語句... [br] } [br][br] while語句所控制的循環(huán)不斷的測(cè)試條件,如果條件始終成立,則一直循環(huán),直到條件不再成立。 [br] 語法如下: while (條件)[br] [/color][color=#000000]{ [br] 執(zhí)行語句... [br] }[/color][/p] [p][color=#000000] break語句結(jié)束當(dāng)前的各種循環(huán),并執(zhí)行循環(huán)的下一條語句。[br][br] continue語句結(jié)束當(dāng)前的循環(huán),并馬上開始下一個(gè)循環(huán)。[/color][/p] [p][color=#000000] 5.對(duì)象操作語句:with,this,new。 [br] with語句的語法如下:[br] with (對(duì)象名稱){[br] 執(zhí)行語句 [br] } [br] 作用是這樣的:如果你想使用某個(gè)對(duì)象的許多屬性或方法時(shí),只要在with語句的()中寫出這個(gè)對(duì)象的名稱,然后在下面的執(zhí)行語句中直接寫這個(gè)對(duì)象的屬性名或方法名就可以了。 [/color][/p] [p][color=#000000] new語句是一種對(duì)象構(gòu)造器,可以用new語句來定義一個(gè)新對(duì)象。 [br] 語法是這樣的:新對(duì)象名稱= new 真正的對(duì)象名 [br] 譬如說,我們可以這樣定義一個(gè)新的日期對(duì)象: var curr= new date(),然后,變量curr就具有了date對(duì)象的屬性。 [/color][/p] [p][color=#000000] this運(yùn)算符總是指向當(dāng)前的對(duì)象。 [/color][/p] [p][color=#000000] 6.注釋語句://,/*...*/。[br] //這是單行注釋 [br] /*這可以多行注釋.... */ [/color][/p] [p][/p] [p][align=left][b]6.js對(duì)象及其屬性和方法[/b][br] [/align][/p] [p][color=#000000] 在javascript中是基于對(duì)象的編程,而不是完全的面向?qū)ο蟮木幊獭?[/color][color=#000000][br] [br] 那麼什麼是對(duì)象呢?如果你學(xué)過一些vb的編程,對(duì)這個(gè)名詞一定不會(huì)陌生。通俗的說,對(duì)象是變量的集合體,對(duì)象提供對(duì)于數(shù)據(jù)的一致的組織手段,描述了一類事物的共同屬性。 [/color][/p] [p][color=#000000] 在javascript中,可以使用以下幾種對(duì)象: [br] 1.由瀏覽器根據(jù)web頁面的內(nèi)容自動(dòng)提供的對(duì)象。 [br] 2.javascript的內(nèi)置對(duì)象,如date,math等。 [br] 3.服務(wù)器上的固有對(duì)象。 [br] 4.用戶自定義的對(duì)象。 [/color][/p] [p][color=#000000] javascript中的對(duì)象是由屬性和方法兩個(gè)基本的元素的構(gòu)成的。對(duì)象的屬性是指對(duì)象的背景色,長度,名稱等。對(duì)象的方法是指對(duì)屬性所進(jìn)行的操作,就是一個(gè)對(duì)象自己所屬的函數(shù),如對(duì)對(duì)象取整,使對(duì)象獲得焦點(diǎn),使對(duì)象獲得個(gè)隨機(jī)數(shù)等等一系列操作。[/color][/p] [p][color=#000000] 舉個(gè)例子來說,將汽車看成是一個(gè)對(duì)象,汽車的顏色,大小,品牌等叫做屬性,而發(fā)動(dòng),剎車,拐彎等就叫做方法。 [/color][/p] [p][color=#000000] 可以采用這樣的方法來訪問對(duì)象的屬性:對(duì)象名稱.屬性名稱,例:mycomputer.year=1996,mycomputer.owner = “me”。[/color][/p] [p][color=#000000] 可以采用這樣的方法,將對(duì)象的方法同函數(shù)聯(lián)系起來:對(duì)象.方法名字=函數(shù)名字或?qū)ο?屬性.方法名,例:this.display=display,document.writeln(“this is method”)。 [/color][/p] [p][color=#000000] 多看或多寫一些程序,就會(huì)理解對(duì)象的方法和屬性的含義了!各個(gè)對(duì)象的各種屬性和方法,可點(diǎn)擊參考![/color][/p] [p][align=left] [/align][/p] [p][/p] [p][b]7.js的事件處理[/b][/p] [p][color=#000000] 事件是瀏覽器響應(yīng)用戶交互操作的一種機(jī)制,javascript的事件處理機(jī)制可以改變?yōu)g覽器響應(yīng)用戶操作的方式,這樣就開發(fā)出具有交互性,并易于使用的網(wǎng)頁。[/color][/p] [p][color=#000000] 瀏覽器為了響應(yīng)某個(gè)事件而進(jìn)行的處理過程,叫做事件處理。 [/color][/p] [p][color=#000000] 事件定義了用戶與頁面交互時(shí)產(chǎn)生的各種操作,例如單擊超級(jí)連接或按鈕時(shí),就產(chǎn)生一個(gè)單擊(click)操作事件。瀏覽器在程序運(yùn)行的大部分時(shí)間都等待交互事件的發(fā)生,并在事件發(fā)生時(shí),自動(dòng)調(diào)用事件處理函數(shù),完成事件處理過程。 [/color][/p] [p][color=#000000] 事件不僅可以在用戶交互過程中產(chǎn)生,而且瀏覽器自己的一些動(dòng)作也可以產(chǎn)生事件,例:當(dāng)載入一個(gè)頁面時(shí),就會(huì)發(fā)生load事件,卸載一個(gè)頁面時(shí),就會(huì)發(fā)生unload事件等。[/color][/p] [p][color=#000000] 歸納起來,必需使用的事件有三大類:[br] 1.引起頁面之間跳轉(zhuǎn)的事件,主要是超連接事件。 [br] 2.事件瀏覽器自己引起的事件。[br] 3.事件在表單內(nèi)部同界面對(duì)象的交互。 [/color][/p] 該文章在 2010/4/24 11:26:07 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |