小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

JavaScript教程--從入門到精通 2

 東成西就 2006-01-08
JavaScript腳本語言的基本構(gòu)成是由控制語句、函數(shù)、對象、方法、屬性等,來實現(xiàn)編程的。

一、程序控制流
  在任何一種語言中,程序控制流是必須的,它能使得整個程序減小混亂,使之順利按其一定的方式執(zhí)行。下面是JavaScript常用的程序控制流結(jié)構(gòu)及語句:
1、if條件語句
 基本格式
if(表述式)
語句段1;
......
else
語句段2;
.....
 功能:若表達式為true,則執(zhí)行語句段1;否則執(zhí)行語句段2。
 說明:
if -else 語句是JavaScript中最基本的控制語句,通過它可以改變語句的執(zhí)行順序。
表達式中必須使用關(guān)系語句,來實現(xiàn)判斷,它是作為一個布爾值來估算的。
它將零和非零的數(shù)分別轉(zhuǎn)化成false和true。
若if后的語句有多行,則必須使用花括號將其括起來。
 
if語句的嵌套
if(布爾值)語句1;
else(布爾值)語句2;
else if(布爾值)語句3;
……
else 語句4;
 
在這種情況下,每一級的布爾表述式都會被計算,若為真,則執(zhí)行其相應(yīng)的語句,否則執(zhí)行else后的語句。
 
2、For循環(huán)語句
 基本格式
for(初始化;條件;增量)
語句集;
 功能:實現(xiàn)條件循環(huán),當(dāng)條件成立時,執(zhí)行語句集,否則跳出循環(huán)體。
 說明:
初始化參數(shù)告訴循環(huán)的開始位置,必須賦予變量的初值;
條件:是用于判別循環(huán)停止時的條件。若條件滿足,則執(zhí)行循環(huán)體,否則 跳出。
增量:主要定義循環(huán)控制變量在每次循環(huán)時按什么方式變化。
三個主要語句之間,必須使用逗號分隔。
 
3、while循環(huán)
 基本格式
while(條件)
語句集;
該語句與For語句一樣,當(dāng)條件為真時,重復(fù)循環(huán),否則退出循環(huán)。
 For與while語句
  兩種語句都是循環(huán)語句,使用For語句在處理有關(guān)數(shù)字時更易看懂,也較緊湊;而while循環(huán)對復(fù)雜的語句效果更特別。

4、break和continue語句
  與C++語言相同,使用break語句使得循環(huán)從For或while中跳出,continue使得跳過循環(huán)內(nèi)剩余的語句而進入下一次循環(huán)。

二、函數(shù)
  函數(shù)為程序設(shè)計人員提供了一個豐常方便的能力。通常在進行一個復(fù)雜的程序設(shè)計時,總是根據(jù)所要完成的功能,將程序劃分為一些相對獨立的部分,每部分編寫一個函數(shù)。從而,使各部分充分獨立,任務(wù)單一,程序清晰,易懂、易讀、易維護。JavaScript函數(shù)可以封裝那些在程序中可能要多次用到的模塊。并可作為事件驅(qū)動的結(jié)果而調(diào)用的程序。從而實現(xiàn)一個函數(shù)把它與事件驅(qū)動相關(guān)聯(lián)。這是與其它語言不樣的地方。

1、JavaScript函數(shù)定義
Function 函數(shù)名 (參數(shù),變元){
函數(shù)體;.
Return 表達式;
}
說明:
 當(dāng)調(diào)用函數(shù)時,所用變量或字面量均可作為變元傳遞。
 函數(shù)由關(guān)鍵字Function定義。
 函數(shù)名:定義自己函數(shù)的名字。
 參數(shù)表,是傳遞給函數(shù)使用或操作的值,其值可以是常量 ,變量或其它表達式。
 通過指定函數(shù)名(實參)來調(diào)用一個函數(shù)。
 必須使用Return將值返回。
 函數(shù)名對大小寫是敏感的。
 
2、函數(shù)中的形式參數(shù):
  在函數(shù)的定義中,我們看到函數(shù)名后有參數(shù)表,這些參數(shù)變量可能是一個或幾個。那么怎樣才能確定參數(shù)變量的個數(shù)呢?在JavaScript中可通過arguments .Length來檢查參數(shù)的個數(shù)。
例:
Function function_Name(exp1,exp2,exp3,exp4)
Number =function _Name . arguments .length;
if (Number>1)
document.wrile(exp2);
if (Number>2)
document.write(exp3);
if(Number>3)
document.write(exp4);
...

  
三、事件驅(qū)動及事件處理
1、基本概念
  JavaScript是基于對象(object-based)的語言。這與Java不同,Java是面向?qū)ο蟮恼Z言。而基于對象的基本特征,就是采用事件驅(qū)動(event-driven)。它是在用形界面的環(huán)境下,使得一切輸入變化簡單化。通常鼠標或熱鍵的動作我們稱之為事件(Event),而由鼠標或熱鍵引發(fā)的一連串程序的動作,稱之為事件驅(qū)動(Event Driver)。而對事件進行處理程序或函數(shù),我們稱之為事件處理程序(Event Handler)。

2、事件處理程序
  在JavaScript中對象事件的處理通常由函數(shù)(Function)擔(dān)任。其基本格式與函數(shù)全部一樣,可以將前面所介紹的所有函數(shù)作為事件處理程序。
格式如下:
Function 事件處理名(參數(shù)表){
事件處理語句集;
……
}

3、事件驅(qū)動
  JavaScript事件驅(qū)動中的事件是通過鼠標或熱鍵的動作引發(fā)的。它主要有以下幾個事件:
(1)單擊事件onClick
  當(dāng)用戶單擊鼠標按鈕時,產(chǎn)生onClick事件。同時onClick指定的事件處理程序或代碼將被調(diào)用執(zhí)行。通常在下列基本對象中產(chǎn)生:
button(按鈕對象)
checkbox(復(fù)選框)或(檢查列表框)
radio (單選鈕)
reset buttons(重要按鈕)
submit buttons(提交按鈕)

例:可通過下列按鈕激活change()文件:





  在onClick等號后,可以使用自己編寫的函數(shù)作為事件處理程序,也可以使用JavaScript中內(nèi)部的函數(shù)。還可以直接使用JavaScript的代碼等。例:
(2)onChange改變事件
  當(dāng)利用text或texturea元素輸入字符值改變時發(fā)該事件,同時當(dāng)在select表格項中一個選項狀態(tài)改變后也會引發(fā)該事件。
例:




(3)選中事件onSelect
  當(dāng)Text或Textarea對象中的文字被加亮后,引發(fā)該事件。
(4)獲得焦點事件onFocus
  當(dāng)用戶單擊Text或textarea以及select對象時,產(chǎn)生該事件。此時該對象成為前臺對象。
(5)失去焦點onBlur
  當(dāng)text對象或textarea對象以及select對象不再擁有焦點、而退到后臺時,引發(fā)該文件,他與onFocas事件是一個對應(yīng)的關(guān)系。
(6)載入文件onLoad
  當(dāng)文檔載入時,產(chǎn)生該事件。onLoad一個作用就是在首次載入一個文檔時檢測cookie的值,并用一個變量為其賦值,使它可以被源代碼使用。
(7)卸載文件onUnload
  當(dāng)Web頁面退出時引發(fā)onUnload事件,并可更新Cookie的狀態(tài)。
四、范例
  范例1:下例程序是一個自動裝載和自動卸載的例子。即當(dāng)裝入HTML文檔時調(diào)用loadform()函數(shù),而退出該文檔進入另一HTML文檔時則首先調(diào)用unloadform()函數(shù),確認后方可進入。
test3_1.htm





調(diào)用



 
范例2:這是一個獲取瀏覽器版本號的程序。該程序首先顯示一個波浪一提示信息。之后顯示瀏覽器的版本號有關(guān)信息。
test3_2.htm







輸出結(jié)果圖1所示。

 
圖1


  本講介紹了JavaScript程序設(shè)計的有關(guān)內(nèi)容。程序流、函數(shù)、事件是我們學(xué)習(xí)掌握JavaScript編程的重點。

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多