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