ASP程序設(shè)計經(jīng)典教程

ASP動態(tài)網(wǎng)頁設(shè)計教程第1章ASP設(shè)計基礎(chǔ)第2章HTML語言第3章JavaScript腳本語言介紹第4章VBScript腳本語言介紹第5章ASP的內(nèi)置對象第6章ASP組件第7章ASP的數(shù)據(jù)庫存取組件及ADO技術(shù)第8章ASP動態(tài)網(wǎng)頁設(shè)計開發(fā)實(shí)例

通用企業(yè)網(wǎng)站模板程序1第1章ASP設(shè)計基礎(chǔ)1.1Web基礎(chǔ)1.1.1Web概述1.1.2Web常用術(shù)語1、1、3WEB服務(wù)器技術(shù)1.2ASP基礎(chǔ)1.2.1什么是ASP1.2.2ASP的運(yùn)行環(huán)境及安裝1.2.3創(chuàng)建虛擬目錄1.3ASP語法簡介1.3.1ASP的一個簡單實(shí)例1.3.2ASP文件的基本構(gòu)成和約定1.4ASP的開發(fā)工具及調(diào)試技巧1.4.1ASP的開發(fā)工具1.4.2ASP的調(diào)試技巧21.1.1Web概述Web（WorldWideWeb）也稱萬維網(wǎng)，是Internet上一個非常重要的信息資源網(wǎng)，產(chǎn)生于20世紀(jì)90年代初。它遵循超文本傳輸協(xié)議，以超文本或超媒體的形式傳送各種各樣的信息，為用戶提供了一個具有友好的圖形化界面—Web頁，以查閱Internet上的信息文檔。31.1.2Web常用術(shù)語Web頁面：就是通常在瀏覽器中所看到的網(wǎng)頁，其實(shí)是一個單一的文件。網(wǎng)頁：就是用HTML編寫的文本文件，包含有文字、表格、圖像、鏈接、聲音和視頻等。網(wǎng)站：就是由若干網(wǎng)頁按一定方式組織在一起，放在服務(wù)器上，提供相關(guān)信息資源。主頁：有時也稱首頁，是網(wǎng)站的第一個頁面。通常，總是和一個URL網(wǎng)址相對應(yīng)，引導(dǎo)用戶瀏覽網(wǎng)站。41.1.2Web常用術(shù)語（續(xù)上）URL（UniformResourceLocator）：即統(tǒng)一資源定位器，是一種唯一標(biāo)識Internet上計算機(jī)、目錄和文件的位置的命名規(guī)則。它由資源類型、存放資源的主機(jī)地址和端口以及資源目錄和文件名構(gòu)成。具體如下：資源類型 表示信息傳輸?shù)膮f(xié)議，如http、ftp等。主機(jī)地址 即為提供資源的主機(jī)IP地址或域名地址。端口 表示某一服務(wù)器在該主機(jī)上所使用的TCP端口。目錄 表示提供服務(wù)的信息資源所在的目錄。文件名 由基本文件名和擴(kuò)展名兩部分構(gòu)成。例如： :80/study/default.html↑↑↑↑↑ 資源類型主機(jī)地址端口目錄文件名51.1.2Web常用術(shù)語（續(xù)上）HTTP（HypertextTransferProtocol）：超文本傳輸協(xié)議，是Internet上訪問WWW信息資源的一種協(xié)議，用來傳輸多媒體信息。

HTML（HyperTextMarkuplanguage）：超文本標(biāo)記語言，是一種描述文檔結(jié)構(gòu)的語言，而不能描述實(shí)際的表現(xiàn)形式。HTML語言使用描述性的標(biāo)記符（稱為標(biāo)簽）來指明文檔的不同內(nèi)容。61、1、3WEB服務(wù)器技術(shù)MicrosoftIIS5、0（6、0）PWSAPACHEIPlanetWebServerEAServerNetscapeWebServer等思考：1、如何來選擇使用？2、一臺服務(wù)器中如果安裝兩種WEB服務(wù)器軟件時應(yīng)注意什么？71.2.1什么是ASPASP（ActiveServerPages）是一套微軟開發(fā)的服務(wù)器端腳本環(huán)境，它內(nèi)含于IIS（InternetInformationServer）或PWS（PersonalWebServer）中。使用它可以創(chuàng)建和運(yùn)行動態(tài)、交互的Web服務(wù)器應(yīng)用程序。ASP的工作原理，就是當(dāng)客戶端瀏覽器上某用戶申請一個*.ASP的文件（ASP文件的后綴名為.asp）時，Web服務(wù)器就會響應(yīng)該HTTP請求，并調(diào)用ASP引擎，解釋被申請文件，最后輸出標(biāo)準(zhǔn)的HTML格式文件傳送給客戶端瀏覽器，由瀏覽器解釋運(yùn)行，并顯示出結(jié)果，如圖1-1所示。當(dāng)遇到任何與ActiveXScripting兼容的腳本（如VBScript和JavaScript）時，ASP引擎會調(diào)用相應(yīng)的腳本引擎進(jìn)行處理。若腳本指令中含有訪問數(shù)據(jù)庫的請求，就通過ODBC與后臺數(shù)據(jù)庫相連，由數(shù)據(jù)庫訪問組件執(zhí)行訪問操作等。由于ASP腳本是在服務(wù)器端解釋執(zhí)行的，所以其所有相關(guān)的發(fā)布工作都由Web服務(wù)器負(fù)責(zé)。81.2.2ASP的運(yùn)行環(huán)境及安裝如果只是用HTML設(shè)計網(wǎng)頁，并不需要特殊的環(huán)境，直接在瀏覽器上瀏覽即可。而用ASP設(shè)計的網(wǎng)頁是在服務(wù)器端運(yùn)行的，因此必須配置相應(yīng)的運(yùn)行環(huán)境。

ASP的運(yùn)行環(huán)境可以選擇如下安裝：

如果是在Windows95/98平臺上運(yùn)行ASP文件，需要安裝個人Web服務(wù)器PWS。如果是在WindowsNT4.0Server平臺上運(yùn)行ASP文件，需要安裝IIS4.0。如果是在Windows2000/XP平臺上運(yùn)行ASP文件，由于其已內(nèi)置了IIS5.0以上版本，故只需添加其IIS組件即可。

下面以WinXP為例，介紹如何添加IIS5.0組件。91.2.2ASP的運(yùn)行環(huán)境及安裝（續(xù)上）具體安裝步驟如下：①選擇“開始設(shè)置控制面板”命令，在“控制面板”窗口中，雙擊“添加或刪除程序”圖標(biāo)，出現(xiàn)如圖1-2所示的窗口。101.2.2ASP的運(yùn)行環(huán)境及安裝（續(xù)上）②雙擊“添加/刪除Windows組件”圖標(biāo)，打開“Windows組件向?qū)А睂υ捒?，如圖1-3所示。

111.2.2ASP的運(yùn)行環(huán)境及安裝（續(xù)上）③選中“組件”列表框中的“Internet信息服務(wù)(IIS)”復(fù)選框。并根據(jù)需要選擇其他組件，然后單擊“詳細(xì)信息”按鈕，打開如圖1-4所示的對話框。在IIS的子組件列表中選擇所需組件，選擇完畢后單擊“確定”按鈕，返回“Windows組件向?qū)А睂υ捒颉?21.2.2ASP的運(yùn)行環(huán)境及安裝（續(xù)上）④單擊“下一步”按鈕，此時安裝程序要求插入光盤來讀取需要的文件，當(dāng)放入Windows2000光盤后，單擊“確定”按鈕，此刻安裝程序開始復(fù)制文件并進(jìn)行配置IIS，如圖1-5所示。131.2.2ASP的運(yùn)行環(huán)境及安裝（續(xù)上）⑤文件復(fù)制完成后，出現(xiàn)如圖1-6所示的對話框。單擊“完成”按鈕即可。141.2.2ASP的運(yùn)行環(huán)境及安裝（續(xù)上）同樣，當(dāng)IIS安裝完成后，單擊鼠標(biāo)右鍵“我的電腦”選擇“管理”，打開“計算機(jī)管理”對話框，找到“Internet信息服務(wù)”選項中的“默認(rèn)Web站點(diǎn)”，如圖1-7所示，發(fā)現(xiàn)該服務(wù)已經(jīng)啟動，此時只需在IE瀏覽器地址欄中輸入“http://localhost”，即可看到如圖1-8所示的畫面。

151.2.3創(chuàng)建虛擬目錄當(dāng)Web服務(wù)器啟動后，只要將ASP文件放在其默認(rèn)主目錄“C:\Inetpub\wwwroot”下即可運(yùn)行。但為了調(diào)試方便，往往需創(chuàng)建一個虛擬目錄。所謂虛擬目錄，就是在URL地址中使用的目錄名稱，或稱之為URL映射，其可以與物理目錄相同，也可以不同。下面以Windows2000為例介紹如何創(chuàng)建虛擬目錄。具體操作步驟如下：①首先，在計算機(jī)上創(chuàng)建一個名為ASP的文件夾，比如D:\ASPWEB。②其次，打開“Internet信息服務(wù)”對話框（方法見上。161.2.3創(chuàng)建虛擬目錄（續(xù)上）③選中“默認(rèn)Web站點(diǎn)”，單擊右鍵，選擇“新建虛擬目錄”，出現(xiàn)如圖1-9所示安裝向?qū)υ捒颉?71.2.3創(chuàng)建虛擬目錄（續(xù)上）④在向?qū)н^程中，依次輸入相應(yīng)內(nèi)容：別名“ASPWEB”、目錄“D:\ASPWEB”以及權(quán)限“至少包含讀取和運(yùn)行腳本”后，單擊“完成”按鈕即可，此時如圖1-10所示。181.2.3創(chuàng)建虛擬目錄（續(xù)上）⑤選中“ASPWEB”，單擊右鍵，選擇“屬性”，出現(xiàn)如圖1-11所示對話框，可以對虛擬目錄重新設(shè)置。191.2.3創(chuàng)建虛擬目錄（續(xù)上）⑥單擊“文檔”選項，可以添加新的默認(rèn)文檔，如index.htm或index.asp，并可以調(diào)整其先后順序，如圖1-12所示。至此，虛擬目錄就創(chuàng)建完成了，以后本書中所有的例子，只要存放在該目錄下即可進(jìn)行調(diào)試運(yùn)行。201.3.1ASP的一個簡單實(shí)例下面將編寫一個簡單的ASP文件，以分析ASP的基本構(gòu)成。具體操作步驟如下：①選擇“開始程序附件記事本”命令，以啟動記事本程序。②在記事本程序窗口中，輸入以下內(nèi)容：③從“文件”菜單中選擇“保存”命令，將彈出“另存為”對話框，選擇一個保存位置，如前面設(shè)置的名為ASPWEB虛擬目錄下的chapter1子文件夾，并將文件類型改為“所有文件”，同時在“文件名”框中輸入“exam1-1.asp”，單擊“保存”按鈕。<html><head><title>ASP的一個簡單實(shí)例</title></head><body><scriptlanguage="vbscript"><!--xm=inputbox("請輸入您的大名：","輸入名稱")iftime()>=#6:00:00#andtime()<#12:00:00#then str="早上好！"elseiftime()>=#12:00:00#andtime()<#19:00:00#then str="下午好！"else str="晚上好！"endifdocument.write"<h2align='center'>您好，"&xm&strdocument.write"<br>歡迎光臨我的第一個ASP頁面</h2>"--></script><palign="center"><%'date()為日期函數(shù)y=year(date())'取當(dāng)前日期的年份m=month(date())'取當(dāng)前日期的月份d=day(date())'取當(dāng)前日期是幾號t=time()'取當(dāng)前時間SelectCaseweekday(date())'取當(dāng)前日期是星期幾 Case2 w="一" Case3 w="二" Case4 w="三" Case5 w="四" Case6 w="五" Case7 w="六" CaseElse w="日"EndSelectstr=y&"年"&m&"月"&d&"日星期"&w&""&t&"<br>"&strresponse.writestr%></body></html>該程序功能是顯示當(dāng)前來訪日期與時間，并根據(jù)當(dāng)前時刻顯示不同的問候語，如早上的時候，會顯示“早上好！”。211.3.1ASP的一個簡單實(shí)例（續(xù)上）④打開IE，在地址欄中輸入“http://localhost/ASPWEB/chapter1/exam1-1.asp”,程序運(yùn)行結(jié)果如圖1-24、圖1-25所示。221.3.2ASP文件的基本構(gòu)成和約定1、基本構(gòu)成從上述這個簡單的ASP程序中，經(jīng)分析發(fā)現(xiàn)，通常由以下3個部分構(gòu)成：普通的HTML文件，即一般的Web頁面內(nèi)容放在<%…%>內(nèi)的Script腳本語言代碼，由服務(wù)器端運(yùn)行。放在<Script>…</Script>內(nèi)的Script腳本語言代碼，由客戶端直接運(yùn)行。2、約定在ASP中，默認(rèn)語言是VBScript，若要使用其他的腳本語言，可以采用以下方法切換：<%@Language=VBScript%>或<%@Language=JavaScript%>在ASP中，VBScript腳本語言中的用戶界面函數(shù)（如InputBox和MsgBox）只能在客戶端<Script>…</Script>使用，而不能服務(wù)器端<%…%>中使用。在ASP中，VBScript腳本語言不區(qū)分大小寫，而JavaScript則區(qū)分大小寫。231.4.1ASP的開發(fā)工具一般來說，任何文本編輯器工具都可作為ASP的開發(fā)工具，只要編寫完畢后存成后綴為.asp的文件即可。對于初學(xué)者而言，最簡單最好使用的就是系統(tǒng)自帶的記事本程序。當(dāng)然，要想開發(fā)一些大型的Web應(yīng)用程序，最好還是使用一些專門的開發(fā)工具，如MicrosoftVisualInterDev以及MacromediaDreamweaverMX等?，F(xiàn)在網(wǎng)上也提供了一些很好用的ASP開發(fā)小工具，如UltraEdit等，它可以將ASP腳本語言與HTML語言分顏色顯示，并可幫助編寫復(fù)雜的HTML語句。大家可以到一些軟件園地去下載。241.4.2ASP的調(diào)試技巧在編寫ASP的過程中，不出錯誤是不可能的，通常，可以采用邊編輯邊瀏覽的調(diào)試方法。在運(yùn)行過程中，當(dāng)程序出錯時，頁面上會顯示錯誤描述、出錯代碼行數(shù)等信息，根據(jù)這些信息，再回到編輯器中進(jìn)行修改。另外，還可以采用注釋方法，將一些語句暫時注釋掉，逐段調(diào)試?；蛘吲R時添加一些輸出語句如Response.Write將中間結(jié)果輸出查看。若調(diào)試數(shù)據(jù)庫程序，經(jīng)常還會用到SQL語句輸出查看錯誤。

25第2章HTML語言2.1一個HTML文件實(shí)例2.2HTML基本結(jié)構(gòu)及語法規(guī)則2.2.1HTML的基本結(jié)構(gòu)2.2.2HTML語法規(guī)則2.3HTML常用標(biāo)簽2.3.1網(wǎng)頁結(jié)構(gòu)類標(biāo)簽2.3.2段落類標(biāo)簽2.3.3列表類標(biāo)簽2.3.4格式化類標(biāo)簽2.3.5超鏈接類標(biāo)簽2.3.6圖像類標(biāo)簽2.3.7表格類標(biāo)簽2.3.8框架類標(biāo)簽2.3.9表單類標(biāo)簽2.5HTML綜合實(shí)例262.1一個HTML文件實(shí)例【例2-1】用記事本編寫HTML語言，制作一個簡單的網(wǎng)頁，如圖2-1所示。其代碼如下：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>這是我編寫的第一個HTML頁面</title></head><body><h2align="center">HTML簡介</H2><p>  一個HTML文件是<b><i>一頁文字信息</i></b>，就象一封電子郵件或一個word字處理文檔，而且實(shí)際上你完全可以使用Word字處理軟件來編寫一個HTML網(wǎng)頁。你也可以通過其它字處理軟件編寫文本文件，網(wǎng)絡(luò)瀏覽器只能處理文本信息。</p><p>  一個HTML文件中包含了所有將顯示在網(wǎng)頁上的文字信息，其中也包括對瀏覽器的一些指示，如哪些文字應(yīng)放置在何處，顯示模式是什么樣的等。如果你還有一些圖片、動畫、聲音或是任何其它形式的資源，HTML文件也會告訴瀏覽器到哪里去查找這些資源，以及這些資源將放置在網(wǎng)頁的什么位置。HTML文件通過<fontsize="5"color="red">標(biāo)簽(tag)</font>來實(shí)現(xiàn)這一功能。</p></body></html>272.2.1HTML的基本結(jié)構(gòu)通過上面這個實(shí)例，可以發(fā)現(xiàn)其基本結(jié)構(gòu)如下： <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> <title>……</title> </head> <body> …… </body> </html>

HTML文件總是以<html>標(biāo)簽開頭，</html>標(biāo)簽結(jié)束，用來表明這是一個HTML文件。在<html>和</html>標(biāo)簽對之間是HTML的所有內(nèi)容，一般由頭部和主體構(gòu)成。頭部總是由<head>和</head>標(biāo)簽對定義，其中包含了該HTML頁面的標(biāo)題和說明信息，如編碼方式、關(guān)鍵字、編輯軟件、作者信息等。頭部以下就是主體部分，它以<body>作為起始標(biāo)簽，</body>作為結(jié)束標(biāo)簽，中間部分就是在瀏覽器中所看到的內(nèi)容，如文字、圖片動畫等。282.2.2HTML語法規(guī)則通常，在編寫HTML語言時需遵守以下語法規(guī)則：HTML文件總是以htm或html作為文件的擴(kuò)展名。HTML標(biāo)簽不區(qū)分大小寫，如<p>與<P>是一樣的。多個HTML標(biāo)簽間可以循環(huán)嵌套，但不可以交叉嵌套。HTML文件一行可以寫多個標(biāo)簽，一個標(biāo)簽也可分多行書寫，不用加任何續(xù)行符。HTML文件由瀏覽器解釋時只認(rèn)標(biāo)簽，并不解釋源文件中的換行、回車和多個連續(xù)空格。若要顯示換行則用<br>標(biāo)簽，換段則用<p>標(biāo)簽，而要顯示多個空格，則需使用多個 。292.3.1網(wǎng)頁結(jié)構(gòu)類標(biāo)簽1、HTML文檔標(biāo)簽格式：<html>……</html>說明：<html>處于文檔的最前面，表示HTML文檔的開始，即瀏覽器從<html>開始解釋，直到</html>為止。2、HTML文件頭標(biāo)簽格式：<head>……</head>說明：<head>緊跟<html>標(biāo)簽的后面，表示文件頭部開始，到</head>結(jié)束。其內(nèi)容包含了該HTML頁面的標(biāo)題和說明信息，如編碼方式、關(guān)鍵字、編輯軟件、作者信息等。3、HTML文件標(biāo)題標(biāo)簽格式：<title>……</title>說明：該標(biāo)簽定義的標(biāo)題內(nèi)容不在瀏覽器窗口中顯示，而是在瀏覽器的標(biāo)題欄中顯示。通過該標(biāo)題內(nèi)容的設(shè)定，可以使讀者迅速了解該網(wǎng)頁的主要內(nèi)容以及在使用搜索引擎時可以找到該頁。302.3.1網(wǎng)頁結(jié)構(gòu)類標(biāo)簽（續(xù)上）４、HTML文件說明信息標(biāo)簽格式：<meta>……說明：該標(biāo)簽可以用來設(shè)定說明信息，一般放在文件頭部內(nèi)。屬性：（1）描述語言字符集的信息，例如：<metahttp-equiv="Content-Type"content="text/html;charset=#">，常用的#可以為gb2312、x-mac-roman、big5等。（2）描述文檔的自身信息，如作者信息、過期時間、關(guān)鍵詞列表等。例如：<metahttp-equiv="作者"content="李冰"><metahttp-equiv="文檔期限"content="2004/4/20">312.3.1網(wǎng)頁結(jié)構(gòu)類標(biāo)簽（續(xù)上）５、HTML文件主體標(biāo)簽格式：<body>……</body>說明：位于頭部之后，以<body>開始，直到</body>結(jié)束。定義了網(wǎng)頁上顯示的主要內(nèi)容與顯示格式，是整個網(wǎng)頁的核心，瀏覽器窗口中所能顯示的內(nèi)容全部被包含在該標(biāo)簽中。屬性：用于設(shè)定網(wǎng)頁的總體風(fēng)格。其中：bgcolor 設(shè)置網(wǎng)頁的背景色。background 設(shè)置網(wǎng)頁的背景圖像。text 設(shè)置網(wǎng)頁文本的顏色。link 設(shè)置尚未被訪問過的超鏈接顏色，默認(rèn)為藍(lán)色。vlink 設(shè)置已被訪問過的超鏈接顏色，默認(rèn)為藍(lán)色。alink 設(shè)置一個正被激活的超鏈接顏色，默認(rèn)為紅色。６、注釋標(biāo)簽格式：<!--……-->說明：在HTML文件中加入注釋可以使程序清晰，容易理解。該標(biāo)簽中的內(nèi)容在被瀏覽器解釋時會被忽略，也不會被顯示。322.3.2段落類標(biāo)簽１、標(biāo)題標(biāo)簽格式：<hn>……</hn>說明：該標(biāo)簽可以用來指明頁面上的n級標(biāo)題，其中n=1～6，主要用于對文本中的章節(jié)進(jìn)行劃分。２、段落標(biāo)簽格式：<p>……</p>說明：該標(biāo)簽可以定義一個段落。屬性：align 用來設(shè)定段落的對齊方式。取值有：left、right和center。３、換行標(biāo)簽格式：<br>說明：此標(biāo)簽是不分段換行。332.3.2段落類標(biāo)簽（續(xù)上）４、水平線標(biāo)簽格式：<hr>說明：該標(biāo)簽可以用來在頁面上插入一條水平標(biāo)尺線。屬性：align 用來設(shè)定橫線放置的位置。取值有：left、right和center。size 用來設(shè)定線條粗細(xì)，取值為n個像素，默認(rèn)為2。width 用來設(shè)定線段長度，取值可為絕對值（n個像素）或相對值（相對于當(dāng)前窗口的百分比），默認(rèn)值為100%。342.3.2段落類標(biāo)簽（實(shí)例）【例2-2】段落類標(biāo)簽演示，如圖2-2所示。其代碼如下：<HTML><HEAD><TITLE>段落類標(biāo)簽演示</TITLE></HEAD><BODY><H1ALIGN="LEFT">南京國力臭氧設(shè)備有限公司</H1><p>歡迎您的光臨！</p><H2ALIGN="CENTER">公司簡介</H2><p>南京國力臭氧應(yīng)用設(shè)備有限公司是臭氧技術(shù)應(yīng)用研究學(xué)會組委單位；是臭氧技術(shù)應(yīng)用研究基金會成員；是臭氧發(fā)生器和臭氧化應(yīng)用設(shè)備研究、設(shè)計專業(yè)制造商。<br>國力技研是國內(nèi)首先（一九八二年）研究低電場（3000V）生產(chǎn)臭氧，以空氣為媒介作用于空氣及物體表面微生物的臭氧發(fā)生器和臭氧化應(yīng)用設(shè)備專家。<br>公司采用先進(jìn)的電真空技術(shù)和設(shè)備，并具有完整的生產(chǎn)工藝和檢測設(shè)施，按GMP和FDA標(biāo)準(zhǔn)在中國開創(chuàng)新一代適用于空氣和物體表面滅菌的臭氧發(fā)生器和臭氧化應(yīng)用設(shè)備。</p><p>現(xiàn)有產(chǎn)品八個系列六十余品種，供制藥、生物制品、食品飲料、遺傳工程、醫(yī)療衛(wèi)生等領(lǐng)域替代紫外線燈照射、化學(xué)薰蒸、Co60放射和蒸氣消毒、高溫滅菌時選用。</p><hr><H3ALIGN="RIGHT">產(chǎn)品介紹<H3></BODY></HTML>352.3.3列表類標(biāo)簽１、編號列表標(biāo)簽格式：<ol>……</ol>說明：該編號列表中每一項由<li>開頭。屬性：type，用來設(shè)定編號方案。其中：type=1 默認(rèn)值，用數(shù)字對應(yīng)編號符，如1，2，3等。type=A 用大寫字母編號表項，如A，B，C等。type=a 用小寫字母編號表項，如a，b，c等。type=I 用大寫羅馬字母編號表項，如I，II，III，IV等。type=i 用小寫羅馬字母編號表項，如i，ii，iii，iv等。２、項目列表標(biāo)簽格式：<ul>……</ul>說明：該項目列表中每一項也由<li>開頭。屬性：type，用來設(shè)定項目符的形狀。其中：type=DISC 實(shí)心圓點(diǎn)（默認(rèn)值）。type=CIRCLE 空心圓點(diǎn)。type=SQUARE 實(shí)心方塊。362.3.3列表類標(biāo)簽（實(shí)例）【例2-3】列表類標(biāo)簽演示，如圖2-3所示。其代碼如下：<HTML><HEAD><TITLE>列表類標(biāo)簽演示</TITLE></HEAD><BODY><ULTYPE="CIRCLE"><LI><PALIGN="LEFT"><FONTFACE=黑體SIZE=5COLOR=RED>公司口號</FONT></LI><OLTYPE="A"><LI><PALIGN="LEFT">開拓創(chuàng)新、追求無限</LI><LI><PALIGN="LEFT">度身設(shè)計、專業(yè)服務(wù)</LI><LI><PALIGN="LEFT">科技領(lǐng)先、群策管理</LI></OL><LI><PALIGN="LEFT"><FONTFACE=黑體SIZE=5COLOR=RED>產(chǎn)品介紹</FONT></LI><OL><LI><PALIGN="LEFT">GJF、GJF—F系列臭氧發(fā)生器</LI><LI><PALIGN="LEFT">GSK、GZK系列臭氧發(fā)生器電源控制系統(tǒng)</LI><LI><PALIGN="LEFT">GJF-T系列臭氧發(fā)生器</LI><LI><PALIGN="LEFT">GYD、GYD—F系列臭氧發(fā)生器</LI></OL></UL></BODY></HTML>372.3.4格式化類標(biāo)簽１、字符風(fēng)格標(biāo)簽格式： <b>……</b> 粗體 <i>……</i> 斜體 <u>……</u> 下劃線 <strike>……</strike> 刪除線 <big>……</big> 以較大字體顯示 <small>……</small> 以較小字體顯示 ^…… 上標(biāo) _…… 下標(biāo)２、預(yù)格式化標(biāo)簽格式：<pre>……</pre>說明：多數(shù)情況下，html文件中的文本是基于html標(biāo)簽進(jìn)行格式化的，文本中任何額外的空白字符（空格、制表符、回車符等）都將被瀏覽器忽略。這個規(guī)則的一個例外就是使用該標(biāo)簽。任何被該標(biāo)簽括起來的空白字符都可以出現(xiàn)在最后的屏幕輸出中。382.3.4格式化類標(biāo)簽（續(xù)上）３、字符格式標(biāo)簽格式：<font>……</font>說明：該標(biāo)簽可以文字的字體、字號和顏色。屬性：size 設(shè)置文字大小，取值范圍是從1到7，其中3是默認(rèn)值。face 設(shè)置文字字體，如黑體、宋體、楷體_GB2312、TimesNewRoman等。color 設(shè)置文字顏色，取值是顏色名（如red）或顏色數(shù)值（如#003366）。392.3.4格式化類標(biāo)簽（實(shí)例）【例2-4】格式化類標(biāo)簽演示，如圖2-4所示。其代碼如下：<HTML><HEAD><TITLE>格式化類標(biāo)簽演示</TITLE></HEAD><BODY><pre>度身設(shè)計、專業(yè)服務(wù)：根據(jù)應(yīng)用項目選擇設(shè)備屬性——人為制造臭氧的方法；根據(jù)應(yīng)用要求確定臭氧濃度——計算臭氧應(yīng)用量；根據(jù)應(yīng)用環(huán)境條件、臭氧用量——選擇設(shè)備類別、型號。</pre><FONTFACE=仿宋_gb2312size=4color=red>每個不同的<b>應(yīng)用環(huán)境、使用條件、作用目的</b>都存在著<i><fontface=黑體color=blue>物理、化學(xué)及其相關(guān)</font></i>的差異，正確的選擇機(jī)型及用量就是成功的先決條件，<strike>國力公司</strike>的技術(shù)人員會為您作出正確的選擇及滿意的服務(wù)。</font></BODY></HTML>402.3.5超鏈接類標(biāo)簽1、超鏈接的定義：是一個網(wǎng)頁指向另一個目的端的鏈接，目的端可以是另一個網(wǎng)頁或者同一個網(wǎng)頁上的不同位置2、格式：<aname="對象名">…</a> 用來設(shè)定指定的對象為一個超鏈接的目標(biāo)，即定義錨點(diǎn)。<ahref="#對象名">…</a> 用來設(shè)定同一文檔的一個目標(biāo)。<ahref="URL">…</a> 用來設(shè)定超鏈接的另一目標(biāo)或目標(biāo)資源。<aname=“URL#對象名”>…</a>用來設(shè)定另一文檔中的一個目標(biāo)。要注意文檔路徑的設(shè)置。文檔路徑可以分為絕對路徑、文檔相對路徑和根相對路徑。3、分類：文檔鏈接、錨點(diǎn)鏈接、郵件鏈接、腳本鏈接、空鏈接。412.3.5超鏈接類標(biāo)簽（實(shí)例）【例2-5】超鏈接類標(biāo)簽演示，如圖2-5所示。其代碼如下：<HTML><HEAD><TITLE>超鏈接類標(biāo)簽演示</TITLE></HEAD><BODY><OLTYPE=A><LI><FONTSIZE="2"><AHREF="#gsjj">公司簡介</A></FONT></LI><LI><FONTSIZE="2"><AHREF="cpjs.htm"target="_blank">產(chǎn)品介紹</A></FONT></LI></OL><HRSIZE="1"COLOR="#000080"WIDTH="60%"ALIGN="LEFT"><P><ANAME="gsjj">南京國力臭氧應(yīng)用設(shè)備有限公司</A>是臭氧技術(shù)應(yīng)用研究學(xué)會組委單位；是臭氧技術(shù)應(yīng)用研究基金會成員；是臭氧發(fā)生器和臭氧化應(yīng)用設(shè)備研究、設(shè)計專業(yè)制造商。國力技研是國內(nèi)首先（一九八二年）研究低電場（3000V）生產(chǎn)臭氧，以空氣為媒介作用于空氣及物體表面微生物的臭氧發(fā)生器和臭氧化應(yīng)用設(shè)備專家。公司采用先進(jìn)的電真空技術(shù)和設(shè)備，并具有完整的生產(chǎn)工藝和檢測設(shè)施，按GMP和FDA標(biāo)準(zhǔn)在中國開創(chuàng)新一代適用于空氣和物體表面滅菌的臭氧發(fā)生器和臭氧化應(yīng)用設(shè)備?，F(xiàn)有產(chǎn)品八個系列六十余品種，供制藥、生物制品、食品飲料、遺傳工程、醫(yī)療衛(wèi)生等領(lǐng)域替代紫外線燈照射、化學(xué)薰蒸、Co60放射和蒸氣消毒、高溫滅菌時選用。<br>該類產(chǎn)品于一九八八年六月四日通過省級技術(shù)鑒定，一九九二年在第二屆北京國際博覽會上獲得“銀杯獎”，一九九八年《臭氧技術(shù)在醫(yī)藥工業(yè)中的應(yīng)用設(shè)計》論文被“99國際醫(yī)藥、醫(yī)療器械、制藥機(jī)械成果博覽學(xué)術(shù)交流研討會”有關(guān)專家評選為“優(yōu)秀成果金獎”，2001年通過ISO9001：2000國際質(zhì)量體系認(rèn)證，具備產(chǎn)品檢測、鑒定和驗證能力。<br>“開拓創(chuàng)新、追求無限”是“國力人”的精神，企業(yè)始終貫徹“以人為本、科技領(lǐng)先”的經(jīng)營理念，積極引進(jìn)國內(nèi)外先進(jìn)技術(shù)，不斷完善和開發(fā)新型的臭氧應(yīng)用設(shè)備為廣大用戶服務(wù)。國力公司的每項成果均融匯著每一位國力參與者的才華、力量和信心。熱忱歡迎各大專院校、科研院所、制藥企業(yè)和同仁來我公司實(shí)驗、研討、考察、驗證，為華夏臭氧產(chǎn)業(yè)共鑄輝煌。</P></BODY></HTML>422.3.6圖像類標(biāo)簽１、圖像格式要想把在文檔放置圖像，其格式可以是GIF、JPEG、XBM、TIFF、BMP和PICT等。其中：GIF格式文件最多只能顯示256中顏色，一般用于制作透明、隔行和動畫效果圖片等；而JPEG格式文件可以擁有計算機(jī)所能提供的最多種顏色，適合存放高質(zhì)量的彩色圖片、照片。２、內(nèi)嵌圖像標(biāo)簽格式：<img>說明：用來在文檔中嵌入圖像。屬性：src 用來設(shè)定要被包含的圖像的位置和文件名，其路徑名使用規(guī)則同超鏈接中的href屬性。alt 用來設(shè)定在純文本瀏覽器中替換圖像的文本。width和height 用來設(shè)定圖像的尺寸，可取絕對值或相對值。border 用來設(shè)定圖像邊框的寬度，其默認(rèn)值為0，無圖像邊框。align 用來設(shè)定圖像的位置，取值有bottom、middle、top等。432.3.6圖像類標(biāo)簽（實(shí)例）【例2-6】圖像類標(biāo)簽演示，如圖2-6所示。其代碼如下：<HTML><HEAD><TITLE>圖像類標(biāo)簽演示</TITLE></HEAD><BODY><FONTFACE=隸書SIZE=6COLOR=RED><H2ALIGN="CENTER">國力公司主要客戶</FONT></H2><PALIGN="LEFT"><IMGSRC="images/zykh01_small.jpg"WIDTH="100"HEIGHT="60"ALIGN="LEFT">第一個</P><PALIGN="CENTER">第二個<BR><IMGSRC="images/zykh02_small.jpg"WIDTH="100"HEIGHT="60"ALIGN="CENTER"></P><PALIGN="RIGHT"><IMGSRC="images/zykh03_small.jpg"WIDTH="100"HEIGHT="60"ALIGN="RIGHT">第三個</P></BODY></HTML>442.3.7表格類標(biāo)簽格式：<table><tr><td></td>…</tr>……</table>說明：表格標(biāo)簽除了可以顯示大量數(shù)據(jù)列表格式外，往往還可以用于網(wǎng)頁的布局。屬性：border 用來設(shè)定表格邊框粗細(xì)。若省略，則無邊框。width和height 用來設(shè)定表格寬度和高度，可取絕對值或相對值。cellspacing 用來設(shè)定表格間隙。cellpadding 用來設(shè)定表格內(nèi)部空白。Background設(shè)置表格的背景圖像Bgcolor設(shè)置表格的背景顏色Align設(shè)置表格的對齊方式：center,left和right<table><tr><th>表頭1</th><th>表頭2</th>……<th>表頭n</th></tr><tr><td>表項1</td><td>表項2</td>……<td>表項n</td></tr>……</table>452.3.7表格類標(biāo)簽（實(shí)例）【例2-7】表格類標(biāo)簽演示，如圖2-7所示。其代碼如下：

<html><head><title>表格類標(biāo)簽演示</title></head><body><palign="center">GMX-FB系列設(shè)備技術(shù)參數(shù)</p><center><tableborder="1"cellspacing="0"cellpadding="0"><tr><tdwidth="102"align="center">型號</td><tdwidth="82"align="center">電源<br>V/Hz</td><tdwidth="78"align="center">臭氧產(chǎn)量<br>g/h</td><tdwidth="78"align="center">整機(jī)功率<br>kw</td><tdwidth="90"align="center">臭氧濃度<br>ppm*</td><tdwidth="100"align="center">脈動壓力<br>MPa/td><tdwidth="127"align="center">工作室尺寸<br>L.W.H(mm)**</td></tr><tr><tdwidth="102"align="center">GMX-FB1000</td><tdwidth="82"align="center">220/50</td><tdwidth="78"align="center">2.2+10%</td><tdwidth="78"align="center">0.45</td><tdwidth="90"align="center">≥80</td><tdwidth="100"align="center">0.015~0.03</td><tdwidth="127"align="center">960×750×1400</td></tr><tr><tdwidth="102"align="center">GMX-FB1600</td><tdwidth="82"align="center">220/50</td><tdwidth="78"align="center">3.8+10%</td><tdwidth="78"align="center">0.65</td><tdwidth="90"align="center">≥80</td><tdwidth="100"align="center">0.015~0.03</td><tdwidth="127"align="center">1200×950×1400</td></tr><tr><tdwidth="102"align="center">GMX-FB2200</td><tdwidth="82"align="center">220/50</td><tdwidth="78"align="center">5.8+10%</td><tdwidth="78"align="center">0.85</td><tdwidth="90"align="center">≥80</td><tdwidth="100"align="center">0.015~0.03</td><tdwidth="127"align="center">400×1100×1400</td></tr></table></center></body></html>462.3.8表單類標(biāo)簽格式： <formname=“”action="URL"method="get|post”> <inputtype="表單項"name="表單項名1"> …… <inputtype="表單項"name="表單項名n”> </form>說明：

使用表單可以在網(wǎng)頁中實(shí)現(xiàn)交互操作。屬性：action 用來設(shè)定將要處理表單的服務(wù)器的URL。method 用來設(shè)定客戶與服務(wù)器的數(shù)據(jù)交換方式。type 用來設(shè)定要加入表單項的類型（text，password，checkbox，radio，image，hidden，submit，reset，file、button等）。name 用來設(shè)定該表單項名，主要在處理表單時起作用。47菜單項<selectname=“”size=“”><optionselected>菜單項</option><option>菜單項</option>….</select>文本輸入框<textareaname=“名”rows=“”cols=“”></textarea>482.5HTML綜合實(shí)例本節(jié)給出一個綜合實(shí)例并加以說明，如圖2-7所示。通過該實(shí)例，讀者可以學(xué)會一個完整的網(wǎng)頁制作方法。492.5HTML綜合實(shí)例（源代碼）其代碼如下：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>走近西部</title><metaname="GENERATOR"content="MicrosoftFrontPage4.0"></head><bodybackground="images/100.jpg"><divalign="center"><center><tableborder="0"width="100%"height="51"background="images/Back234.gif"cellspacing="0"cellpadding="0"><tr><tdwidth="100%"height="45"><palign="center"><imgsrc="images/top.gif"width="753"height="80"alt="未標(biāo)題-1.GIF(28866字節(jié))"></td></tr></table></center></div><divalign="center"><center><tableborder="0"width="100%"bgcolor="#00FFFF"cellspacing="0"cellpadding="0"height="38"><tr><tdwidth="100%"height="38"><palign="right"><ahref="index7.htm"><fontSIZE="3"color="#800000">何為西部</font></a><fontSIZE="3"color="#800000">|<ahref="index7.htm"></a></font><ahref="index5.htm"><fontSIZE="3"color="#800000">西部土地</font></a><fontSIZE="3"color="#800000">|<ahref="index4.htm">重點(diǎn)工程</a>|<ahref="index3.htm">西部之最</a><ahref="index6.htm">|西部政策</a>|<ahref="index1.htm">它山之石</a>|<ahref="index2.htm">西部論壇|</a><ahref="mailto:titi@263.cn">與我聯(lián)系</a></font></td></tr></table></center></div>502.5HTML綜合實(shí)例（源代碼）其代碼如下：（續(xù)上）<fontSIZE="3"><divalign="center"><center><tableborder="0"width="99%"height="152"cellspacing="0"cellpadding="0"><tr><tdwidth="103%"height="146"valign="top"><pre>西部地區(qū)經(jīng)濟(jì)建設(shè)究竟需要哪些人才呢？根據(jù)中央“西部開發(fā)計劃”</pre><pre>中的重點(diǎn)開發(fā)項目和西部地區(qū)現(xiàn)狀分析，目前西部地區(qū)主要缺乏科技開發(fā)</pre><pre>人員、投資創(chuàng)業(yè)人員、教育人才和中高級企業(yè)經(jīng)營管理人員等。</pre><pre>但西部地區(qū)具有豐富的自然資源，大量的自然資源尚未開發(fā)與利用。</pre><pre>最近中央專門制定開發(fā)西部的重點(diǎn)投資項目目錄，以吸引外商投資和國</pre><pre>內(nèi)科技人員帶技術(shù)開發(fā)。因而，西部建設(shè)中，科技開發(fā)人員是重中之重。</font></pre><pre><fontsize="2">由全國科技精英組成“智囊團(tuán)”為西部地區(qū)經(jīng)濟(jì)發(fā)展出謀劃策；以大幅</font></pre><pre><fontsize="2">度減免稅等優(yōu)惠政策，鼓勵、吸引東部地區(qū)人才帶項目到西部投資創(chuàng)業(yè)。</font></pre><fontSIZE="3"><p></font></td><tdwidth="44%"height="146"><palign="right"><imgsrc="images/西部能源.jpg"width="300"height="239"alt="西部能源.jpg(25523字節(jié))"></td></tr></table></center></div><divalign="center"><center><tableborder="0"width="100%"cellspacing="0"cellpadding="0"><tr><tdwidth="100%"><imgborder="0"src="images/line200.gif"width="748"height="26"></td></tr></table></center></div>512.5HTML綜合實(shí)例（源代碼）其代碼如下：（續(xù)上）<divalign="center"><center><tableborder="0"width="100%"height="206"cellspacing="0"cellpadding="0"><tr><tdwidth="43%"height="200"valign="top"><fontsize="2">       西部大開發(fā)還要加強(qiáng)生態(tài)環(huán)境的保護(hù)建設(shè)，繼續(xù)大力加強(qiáng)農(nóng)業(yè)的基礎(chǔ)地位，同時加快將資源優(yōu)勢轉(zhuǎn)化為經(jīng)濟(jì)優(yōu)勢，從實(shí)際出發(fā)，發(fā)展特色經(jīng)濟(jì)。加強(qiáng)旅游事業(yè)的管理，把旅游業(yè)及相關(guān)產(chǎn)業(yè)發(fā)展成為西部地區(qū)的支柱產(chǎn)業(yè)之一。<br>李子彬強(qiáng)調(diào)，西部地區(qū)應(yīng)深化改革，進(jìn)一步提高開放水平。他還認(rèn)為，西部大開發(fā)應(yīng)當(dāng)以現(xiàn)有的經(jīng)濟(jì)基礎(chǔ)較好，人口較密集，沿交通干線和城市樞紐地區(qū)作為開發(fā)的重點(diǎn)區(qū)域，依托歐亞大陸橋、長江黃金水道、西南出海通道，促進(jìn)隴海和長江上游等經(jīng)濟(jì)帶的形成。</font></td><tdwidth="50%"height="200"><imgsrc="images/中國西部.GIF"width="400"height="308"alt="中國西部.GIF(61701字節(jié))"></td><tdwidth="41%"height="200"valign="top"><prestyle="line-height：15px">在西部加快建立并完善社會主義市場經(jīng)濟(jì)體制，進(jìn)一步提高西部地區(qū)對內(nèi)對外開放水平。實(shí)現(xiàn)社會全面進(jìn)步，切實(shí)提高人民生活水平。突出加強(qiáng)文化、衛(wèi)生、體育、計劃生育等社會事業(yè)，逐步使西部地區(qū)各族人民都能享受到最基本的公共服務(wù)。<fontsize="2">西部大開發(fā)戰(zhàn)略是在我國經(jīng)過50年的經(jīng)濟(jì)建設(shè)，特別是20年的改革開放和社會主義現(xiàn)代化建設(shè)的大背景下提出并實(shí)施的，所以既不能沿用傳統(tǒng)計劃經(jīng)濟(jì)時期的區(qū)域開發(fā)模式，也不能照搬東部地區(qū)的發(fā)展模式。</font></pre><fontSIZE="3"><prestyle="line-height：15px"></pre></font></td></tr></table></center></div></body></html>52第3章JavaScript腳本語言介紹3.1什么是JavaScript3.2JavaScript的基本語法3.3變量和數(shù)據(jù)類型3.3.1基本數(shù)據(jù)類型3.3.2常量3.3.3變量3.3.4表達(dá)式和運(yùn)算符3.4程序控制語句3.4.1選擇語句3.4.2循環(huán)語句3.5函數(shù)3.6對象、方法、屬性和事件3.6.1基本概念3.6.2常用對象的介紹3.6.3常用事件的應(yīng)用3.7JavaScript綜合舉例3.7.1頁面交互功能的應(yīng)用3.7.2狀態(tài)欄的應(yīng)用3.7.3鼠標(biāo)事件的應(yīng)用3.7.4窗口的應(yīng)用533.1什么是JavaScriptJavaScript是由一種基于對象(Object)和事件驅(qū)動(EventDriven)并具有安全性能的腳本語言。它是通過嵌入在標(biāo)準(zhǔn)的HTML語言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語言的不足之處，它是Java與HTML的折衷。它的開發(fā)環(huán)境簡單，不需要Java編譯器，而是直接運(yùn)行在Web瀏覽器中，因而使用它與HTML超文本標(biāo)記語言、Java腳本語言結(jié)合在一起，來實(shí)現(xiàn)一個Web頁面中鏈接多個對象，與Web客戶交互作用，從而可以開發(fā)客戶端的應(yīng)用程序等。543.2JavaScript的基本語法【例3-1】利用JavaScript編寫的HelloWorld程序。如圖3-1-1、圖3-1-2所示。其代碼如下：<html><head><title>exam3-1.htm</title></head><scriptlanguage="JavaScript"><!--alert("HelloWorld!");--></script><body>HelloWorld!</body></html>通過這個簡單的實(shí)例，在HTML語言中插入JavaScript腳本語言的語法格式為：<Scriptlanguage="JavaScript"><!--JavaScript代碼--></Script>注意：JavaScript語句對大小寫比較敏感，因此，在寫JavaScript語句時要注意。553.3變量和數(shù)據(jù)類型JavaScript腳本語言同其它語言一樣，有它自身的基本數(shù)據(jù)類型、表達(dá)式和算術(shù)運(yùn)算符以及程序的基本框架結(jié)構(gòu)。JavaScript提供了四種基本的數(shù)據(jù)類型用來處理數(shù)字和文字，而變量提供存放信息的地方，表達(dá)式則可以完成較復(fù)雜的信息處理。【例3-2】JavaScript的變量定義、聲明及賦值的演示。如圖3-2所示。其代碼如下：<html><head><title>exam3-2.htm</title></head><body><scriptlanguage="JavaScript">varx1=5;x2=7;x3=x1+x2;x4=x1<x2;x5=”運(yùn)算結(jié)果如下：”document.write(x5,x1,"+",x2,"=",x3,""x4);</script></body></html>通過這個實(shí)例，可以得到JavaScript變量的定義方法和賦值方法等，其語法格式為：var變量名=數(shù)據(jù)的值563.3.1基本的數(shù)據(jù)類型在JavaScript中四種基本的數(shù)據(jù)類型為：●數(shù)值（整數(shù)和實(shí)數(shù)）●字符串型（用""或’’括起來的字符或數(shù)值）●布爾型（使用True或False表示）●空值在JavaScript的基本類型中的數(shù)據(jù)可以是常量，也可以是變量。由于采用弱類型的形式，因而一個數(shù)據(jù)的變量或常量不必首先作聲明，而是在使用或賦值時才確定其數(shù)據(jù)的類型。當(dāng)然也可以先聲明該數(shù)據(jù)的類型，它是通過在賦值時自動說明其數(shù)據(jù)類型的。573.3.2常量JavaScript的常量主要有以下幾種：●整型常量（又稱字面常量，是不能改變的數(shù)據(jù)。可以使用十六進(jìn)制、八進(jìn)制和十進(jìn)制表示其值）●實(shí)型常量（由整數(shù)部分加小數(shù)部分表示，如13.48、197.99?？梢允褂每茖W(xué)或標(biāo)準(zhǔn)方法表示：3E6、2e8等）●布爾常量（只有True或False兩種值，主要用來說明或代表是或否狀態(tài)）●字符型常量（使用單引號或雙引號括起來的一個或多個字符。如"JavaScript"、"1234567890"等●空值（即null，表示什么也沒有。如試圖引用沒有定義的變量，則返回一個null值）●特殊字符（同C語言一樣，是一些以反斜杠開頭的不可顯示的特殊字符。通常稱為控制字符）

583.3.3變量變量的主要作用是存取數(shù)據(jù)、提供存放信息的容器。對于變量必須明確變量的命名、變量的類型、變量的聲明及其變量的作用域。

JavaScript中的變量命名同其他語言非常相似，不同之處在于：●必須是一個有效的變量，即變量以字母開頭，中間可以出現(xiàn)數(shù)字如x1、y2等。除下劃線外，變量名不能有空格、+、-和其他符號?！癫荒苁褂肑avaScript中的關(guān)鍵字作為變量。JavaScript定義了40多個關(guān)鍵字，供內(nèi)部聲明用的，如Var、int、double、true等。

在JavaScript中，變量可以用命令Var聲明：varmytest;定義一個mytest變量，但沒有賦予它的值varmytest=“Thisisatest”;定義一個mytest變量，同時賦予了它的值在JavaScript中，變量也可以不作聲明，而在使用時再根據(jù)數(shù)據(jù)的類型來確定其變量的類型。如：x1=200x2="345"x3=Truex4=12.34等其中x1為整數(shù)，x2為字符串，x3為布爾型，x4為實(shí)型。593.3.4.表達(dá)式和運(yùn)算符在定義完變量后，就可以對它們進(jìn)行賦值、改變、計算等一系列操作，這一過程通常由表達(dá)式來完成，可以說它是變量、常量、布爾及運(yùn)算符的集合。表達(dá)式可以分為算術(shù)表達(dá)式、字串表達(dá)式、賦值表達(dá)式及布爾表達(dá)式等。運(yùn)算符是完成操作的一系列符號，在JavaScript中有： ●算術(shù)運(yùn)算符（如+、-、*、/等） ●比較運(yùn)算符（如!=、==等） ●邏輯布爾運(yùn)算符（如!、|、||等） ●字串運(yùn)算符（如+、+=等）603.4.1選擇語句【例3-3】if-else語句的使用。如圖3-3所示。其代碼如下：<html><head><title>exam3-3.htm</title></head><body><scriptlanguage="JavaScript">varscore=75;if(score<60){document.write("不合格");}else{document.write("合格");}</script></body></html>通過這個實(shí)例，可以得到if-else選擇語句結(jié)構(gòu)，其語法格式為：if（條件表達(dá)式）{語句段1;……}else{語句段2;……}功能：若條件表達(dá)式為true，則執(zhí)行語句段；否則執(zhí)行語句段2。if-else語句是JavaScript中最基本的控制語句。如果有多個分支，則需嵌套使用if-else語句，其語法格式為：if（布爾值）語句1;else（布爾值）語句2;elseif（布爾值）語句3;……else語句4;在這種情況下，每一級的布爾表達(dá)式都會被計算，若為真，則執(zhí)行其相應(yīng)的語句，否則執(zhí)行else后的語句。613.4.2循環(huán)語句（一）【例3-4】for循環(huán)語句的使用。如圖3-4所示。其代碼如下：<html><head><title>exam3-4.htm</title></head><body><scriptlanguage="JavaScript">varn=10,s=0;for(vari=1;i<=n;i++){s=s+i;}document.write("1+2+3+…+",n,"=",s);</script></body></html>通過這個實(shí)例，可以得到for循環(huán)語句結(jié)構(gòu)，其語法格式為：for（初值;條件;步長表達(dá)式）{語句集；}功能：每當(dāng)進(jìn)行循環(huán)以前都要判斷條件，條件為true時，執(zhí)行語句集，否則跳出循環(huán)體，每循環(huán)一次計數(shù)變量增加或減少步長表達(dá)式的值。初值用來設(shè)置計數(shù)變量并給它賦值。步長表達(dá)式用來說明計數(shù)變量的變化規(guī)律。三個主要語句之間，必須使用逗號分隔。for循環(huán)是一般目的的循環(huán)。而它的一種特殊應(yīng)用for…in循環(huán)則用于在對象的所有屬性內(nèi)自動移位，其語法格式為：for（jin對象）{語句集；}循環(huán)會從0增加j，直到達(dá)到該對象中的最后一個屬性的下標(biāo)為止。623.4.2循環(huán)語句（二）【例3-5】while循環(huán)語句的使用。如圖3-5-1所示。其代碼如下：<html><head><title>exam3-5.htm</title></head><body><scriptlanguage="JavaScript">varn=10,s=0,i=1;while(i<=n){s=s+i;i=i+1;}document.write("1+2+3+…+",n,"=",s);</script></body></html>通過這個實(shí)例，可以得到while循環(huán)語句結(jié)構(gòu)，其語法格式為：while（條件）{語句集;break;continue;}功能：每當(dāng)進(jìn)行循環(huán)以前都要判斷條件，條件為true時，執(zhí)行語句集，否則跳出循環(huán)體。其中break語句可以完全終止循環(huán)，即使循環(huán)沒有結(jié)束也如此。Continue語句可跳到語句集的第一句進(jìn)行下一次循環(huán)。若上述代碼中，在語句“s=s=i;”后添加語句“if(i==5)break;”，則運(yùn)行后，瀏覽器顯示如圖3-5-2所示。633.5函數(shù)函數(shù)為程序設(shè)計人員提供了一個非常方便的能力。通常在進(jìn)行一個復(fù)雜的程序設(shè)計時，總是根據(jù)所要完成的功能，將程序劃分為一些相對獨(dú)立的部分，每部分編寫一個函數(shù)。從而，使各部分充分獨(dú)立，任務(wù)單一，程序清晰，易懂、易讀、易維護(hù)。JavaScript函數(shù)可以封裝那些在程序中可能要多次用到的模塊。并可作為事件驅(qū)動的結(jié)果而調(diào)用的程序。從而實(shí)現(xiàn)一個函數(shù)把它與事件驅(qū)動相關(guān)聯(lián)。這是與其它語言不同的地方。通常，在進(jìn)行復(fù)雜的程序設(shè)計時，總是會發(fā)現(xiàn)有些程序段或模塊需要多次執(zhí)行。為了解決此類問題，可以將之定義為一個函數(shù)，使之相對獨(dú)立。JavaScript函數(shù)就可以封裝那些在程序中可能要多次用到的模塊，并可作為事件驅(qū)動的結(jié)果而調(diào)用的程序，從而實(shí)現(xiàn)一個函數(shù)把它與事件驅(qū)動相關(guān)聯(lián)。643.5函數(shù)（實(shí)例）【例3-6】函數(shù)的定義。如圖3-6所示。其代碼如下：<html><head><title>exam3-6.htm</title><scriptlanguage="JavaScript">functionwelcome(){alert("Hello，歡迎光臨本站！");}</script></head><bodyonload="welcome()"></body></html>通過這個實(shí)例，可以得到函數(shù)定義的一般格式為：function函數(shù)名(參數(shù)1,參數(shù)2,…){語句集;}功能：定義一個稱為“函數(shù)名”的函數(shù)。通常，函數(shù)放在HTML文件的<head>頭部事先定義，然后被HTML文件<body>部分中的語句調(diào)用。需要注意的是：①函數(shù)開頭必須為關(guān)鍵字function；②函數(shù)名是區(qū)分大的；③可以通過引用函數(shù)名來調(diào)用一個函數(shù)，同時參數(shù)必須放在括號中，用逗號隔開；④在程序結(jié)束時必須使用return將值返回。653.6.1基本概念1、什么是對象對象是指世上的任何事物，如汽車、人、計算機(jī)等，而在JavaScript語言中，主要是指在計算機(jī)中出現(xiàn)的window對象、form對象、date對象以及document對象等。2、什么是屬性和方法屬性是對對象特征的描述，如人的身高、體重等，方法是控制對象動作行為的方式，如人會吃飯、走路等。又如document對象具有屬性lastModified和方法write等。3、什么是事件事件是指可被一個對象所識別的動作。JavaScript能識別這些動作，并能夠建立程序?qū)@些事件進(jìn)行響應(yīng)。比如人餓了就要吃飯，我們知道，人是一個對象，餓就是一個事件，而吃飯就是方法。663.6.2常用對象的介紹1、string對象屬性：length 表示字符串中字符個數(shù)，包括所有符號。方法：主要有① 錨點(diǎn)anchor()，如同HTML中（aname=""）一樣；② 有關(guān)字符顯示的控制方法，如big()，small()，italics()，bold()，blink()，fixed()，fontsize(size)等；③ 字體顏色fontcolor(color)；④ 字符串大小寫轉(zhuǎn)換toLowerCase()和toUpperCase()；⑤ 字符搜索indexof[character,fromIndex]，表示從指定formIndex位置開始搜索character第一次出現(xiàn)的位置；⑥ 返回子串substring(start,end)，表示從start開始到end的字符全部返回。673.6.2常用對象的介紹（續(xù)上）2、Date對象屬性：無。方法：① 獲取日期和時間，有g(shù)etYear()、getMonth()、getDate()、getDay()、getHours()、getMintes()、getSeconds()、getTime()等；② 設(shè)置日期和時間，有setYear()、setMonth()、setDate()、setHours()、setMintes()、setSeconds()、setTime()等。683.6.2常用對象的介紹（續(xù)上）3、windows對象windows對象是每個窗口或框架的頂層對象，且是文檔、位置及歷史對象的父對象。屬性：主要有frames 確定文檔中幀的數(shù)目，幀作為實(shí)現(xiàn)一個窗口的分隔操作，起到非常有用的價值。Parent 指明當(dāng)前窗口或幀的父窗口。Defaultstatus 默認(rèn)狀態(tài)，它的值顯示在窗口的狀態(tài)欄中。Status 包含文檔窗口中幀中的當(dāng)前信息。Top 包括的是用以實(shí)現(xiàn)所有的下級窗口的窗口。Window 指的是當(dāng)前窗口Self 引用當(dāng)前窗口方法：主要有prompt() 彈出信息的輸入窗口。Alert() 彈出信息的輸出窗口。另外，JavaScript還提供了幾個常用的輸出方法。如document.write和document.writln()等。693.6.3常用事件的應(yīng)用1、Load和Unload事件Load和Unload事件可以使頁面完成下載時生成Load事件，同樣，當(dāng)退出頁面時可以發(fā)生Unload事件。OnLoad和onUnload事件處理程序能夠使JavaScript命令在相應(yīng)的時間內(nèi)執(zhí)行。它們可以控制一些活動的起始時間。2、Click事件Click事件和onClick事件處理程序用于單擊按鈕和鏈接的地方時執(zhí)行JavaScript命令。該事件通常在下列基本對象中產(chǎn)生： （1）button（按鈕對象） （2）checkbox（復(fù)選框）或（檢查列表框） （3）radio（單選按鈕） （4）resetbutton（重置按鈕） （5）submitbutton（提交按鈕）例如： <form><inputtype="button"value=""onChick="change()"></form>在onChick等號后，可以使用自己編寫的函數(shù)作為事件處理程序，也可以使用JavaScript中的內(nèi)部函數(shù)。同時，還可以直接使用JavaScript的代碼等。又如前面例子中： <inputtype="button"value=""onChick=alert("HelloWorld")>703.6.3常用事件的應(yīng)用（續(xù)上）3、MouseOver事件通常，當(dāng)我們將鼠標(biāo)放到鏈接上面移動后，則產(chǎn)生MouseOver事件來表達(dá)即將要發(fā)生的情況。具體在后面的綜合實(shí)例中做詳細(xì)介紹。4、Change事件一般來說，Change事件與onChange事件處理程序用于當(dāng)正在進(jìn)行的動作改變時執(zhí)行JavaScript命令。比如說，當(dāng)利用text或textarea元素輸入字符值改變時引發(fā)該事件，同時當(dāng)在select表格項中一個選項狀態(tài)改變后也會引發(fā)該事件，例如：<form><inputtype="text"name="xm"value="xxx"onChange="check(xm)"></form>5、onFocus事件和onBlur事件當(dāng)用戶單擊text對象或textarea對象以及select對象時，產(chǎn)生onFocus事件，此時使該對象成為當(dāng)前對象。而當(dāng)text對象或textarea對象以及select對象不再擁有焦點(diǎn)時，則該對象退到后臺，引發(fā)該onBlur事件，它與onFocus事件是對應(yīng)的關(guān)系。713.7.1頁面交互功能的應(yīng)用【例3-7】通過用戶的輸入，顯示用戶的信息。如圖3-7-1、圖3-7-2所示。其代碼如下：<html><head><title