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

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

通用企業(yè)網(wǎng)站模板程序1第1章ASP設(shè)計(jì)基礎(chǔ)1.1Web基礎(chǔ)1.1.1Web概述1.1.2Web常用術(shù)語(yǔ)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語(yǔ)法簡(jiǎn)介1.3.1ASP的一個(gè)簡(jiǎn)單實(shí)例1.3.2ASP文件的基本構(gòu)成和約定1.4ASP的開(kāi)發(fā)工具及調(diào)試技巧1.4.1ASP的開(kāi)發(fā)工具1.4.2ASP的調(diào)試技巧21.1.1Web概述Web（WorldWideWeb）也稱萬(wàn)維網(wǎng)，是Internet上一個(gè)非常重要的信息資源網(wǎng)，產(chǎn)生于20世紀(jì)90年代初。它遵循超文本傳輸協(xié)議，以超文本或超媒體的形式傳送各種各樣的信息，為用戶提供了一個(gè)具有友好的圖形化界面—Web頁(yè)，以查閱Internet上的信息文檔。31.1.2Web常用術(shù)語(yǔ)Web頁(yè)面：就是通常在瀏覽器中所看到的網(wǎng)頁(yè)，其實(shí)是一個(gè)單一的文件。網(wǎng)頁(yè)：就是用HTML編寫(xiě)的文本文件，包含有文字、表格、圖像、鏈接、聲音和視頻等。網(wǎng)站：就是由若干網(wǎng)頁(yè)按一定方式組織在一起，放在服務(wù)器上，提供相關(guān)信息資源。主頁(yè)：有時(shí)也稱首頁(yè)，是網(wǎng)站的第一個(gè)頁(yè)面。通常，總是和一個(gè)URL網(wǎng)址相對(duì)應(yīng)，引導(dǎo)用戶瀏覽網(wǎng)站。41.1.2Web常用術(shù)語(yǔ)（續(xù)上）URL（UniformResourceLocator）：即統(tǒng)一資源定位器，是一種唯一標(biāo)識(shí)Internet上計(jì)算機(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ù)語(yǔ)（續(xù)上）HTTP（HypertextTransferProtocol）：超文本傳輸協(xié)議，是Internet上訪問(wèn)WWW信息資源的一種協(xié)議，用來(lái)傳輸多媒體信息。

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

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

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

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

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

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

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

使用表單可以在網(wǎng)頁(yè)中實(shí)現(xiàn)交互操作。屬性：action 用來(lái)設(shè)定將要處理表單的服務(wù)器的URL。method 用來(lái)設(shè)定客戶與服務(wù)器的數(shù)據(jù)交換方式。type 用來(lái)設(shè)定要加入表單項(xiàng)的類型（text，password，checkbox，radio，image，hidden，submit，reset，file、button等）。name 用來(lái)設(shè)定該表單項(xiàng)名，主要在處理表單時(shí)起作用。47菜單項(xiàng)<selectname=“”size=“”><optionselected>菜單項(xiàng)</option><option>菜單項(xiàng)</option>….</select>文本輸入框<textareaname=“名”rows=“”cols=“”></textarea>482.5HTML綜合實(shí)例本節(jié)給出一個(gè)綜合實(shí)例并加以說(shuō)明，如圖2-7所示。通過(guò)該實(shí)例，讀者可以學(xué)會(huì)一個(gè)完整的網(wǎng)頁(yè)制作方法。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ù)中央“西部開(kāi)發(fā)計(jì)劃”</pre><pre>中的重點(diǎn)開(kāi)發(fā)項(xiàng)目和西部地區(qū)現(xiàn)狀分析，目前西部地區(qū)主要缺乏科技開(kāi)發(fā)</pre><pre>人員、投資創(chuàng)業(yè)人員、教育人才和中高級(jí)企業(yè)經(jīng)營(yíng)管理人員等。</pre><pre>但西部地區(qū)具有豐富的自然資源，大量的自然資源尚未開(kāi)發(fā)與利用。</pre><pre>最近中央專門制定開(kāi)發(fā)西部的重點(diǎn)投資項(xiàng)目目錄，以吸引外商投資和國(guó)</pre><pre>內(nèi)科技人員帶技術(shù)開(kāi)發(fā)。因而，西部建設(shè)中，科技開(kāi)發(fā)人員是重中之重。</font></pre><pre><fontsize="2">由全國(guó)科技精英組成“智囊團(tuán)”為西部地區(qū)經(jīng)濟(jì)發(fā)展出謀劃策；以大幅</font></pre><pre><fontsize="2">度減免稅等優(yōu)惠政策，鼓勵(lì)、吸引東部地區(qū)人才帶項(xiàng)目到西部投資創(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">       西部大開(kāi)發(fā)還要加強(qiáng)生態(tài)環(huán)境的保護(hù)建設(shè)，繼續(xù)大力加強(qiáng)農(nóng)業(yè)的基礎(chǔ)地位，同時(shí)加快將資源優(yōu)勢(shì)轉(zhuǎn)化為經(jīng)濟(jì)優(yōu)勢(shì)，從實(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)一步提高開(kāi)放水平。他還認(rèn)為，西部大開(kāi)發(fā)應(yīng)當(dāng)以現(xiàn)有的經(jīng)濟(jì)基礎(chǔ)較好，人口較密集，沿交通干線和城市樞紐地區(qū)作為開(kāi)發(fā)的重點(diǎn)區(qū)域，依托歐亞大陸橋、長(zhǎng)江黃金水道、西南出海通道，促進(jìn)隴海和長(zhǎng)江上游等經(jīng)濟(jì)帶的形成。</font></td><tdwidth="50%"height="200"><imgsrc="images/中國(guó)西部.GIF"width="400"height="308"alt="中國(guó)西部.GIF(61701字節(jié))"></td><tdwidth="41%"height="200"valign="top"><prestyle="line-height：15px">在西部加快建立并完善社會(huì)主義市場(chǎng)經(jīng)濟(jì)體制，進(jìn)一步提高西部地區(qū)對(duì)內(nèi)對(duì)外開(kāi)放水平。實(shí)現(xiàn)社會(huì)全面進(jìn)步，切實(shí)提高人民生活水平。突出加強(qiáng)文化、衛(wèi)生、體育、計(jì)劃生育等社會(huì)事業(yè)，逐步使西部地區(qū)各族人民都能享受到最基本的公共服務(wù)。<fontsize="2">西部大開(kāi)發(fā)戰(zhàn)略是在我國(guó)經(jīng)過(guò)50年的經(jīng)濟(jì)建設(shè)，特別是20年的改革開(kāi)放和社會(huì)主義現(xiàn)代化建設(shè)的大背景下提出并實(shí)施的，所以既不能沿用傳統(tǒng)計(jì)劃經(jīng)濟(jì)時(shí)期的區(qū)域開(kāi)發(fā)模式，也不能照搬東部地區(qū)的發(fā)展模式。</font></pre><fontSIZE="3"><prestyle="line-height：15px"></pre></font></td></tr></table></center></div></body></html>52第3章JavaScript腳本語(yǔ)言介紹3.1什么是JavaScript3.2JavaScript的基本語(yǔ)法3.3變量和數(shù)據(jù)類型3.3.1基本數(shù)據(jù)類型3.3.2常量3.3.3變量3.3.4表達(dá)式和運(yùn)算符3.4程序控制語(yǔ)句3.4.1選擇語(yǔ)句3.4.2循環(huán)語(yǔ)句3.5函數(shù)3.6對(duì)象、方法、屬性和事件3.6.1基本概念3.6.2常用對(duì)象的介紹3.6.3常用事件的應(yīng)用3.7JavaScript綜合舉例3.7.1頁(yè)面交互功能的應(yīng)用3.7.2狀態(tài)欄的應(yīng)用3.7.3鼠標(biāo)事件的應(yīng)用3.7.4窗口的應(yīng)用533.1什么是JavaScriptJavaScript是由一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(EventDriven)并具有安全性能的腳本語(yǔ)言。它是通過(guò)嵌入在標(biāo)準(zhǔn)的HTML語(yǔ)言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語(yǔ)言的不足之處，它是Java與HTML的折衷。它的開(kāi)發(fā)環(huán)境簡(jiǎn)單，不需要Java編譯器，而是直接運(yùn)行在Web瀏覽器中，因而使用它與HTML超文本標(biāo)記語(yǔ)言、Java腳本語(yǔ)言結(jié)合在一起，來(lái)實(shí)現(xiàn)一個(gè)Web頁(yè)面中鏈接多個(gè)對(duì)象，與Web客戶交互作用，從而可以開(kāi)發(fā)客戶端的應(yīng)用程序等。543.2JavaScript的基本語(yǔ)法【例3-1】利用JavaScript編寫(xiě)的HelloWorld程序。如圖3-1-1、圖3-1-2所示。其代碼如下：<html><head><title>exam3-1.htm</title></head><scriptlanguage="JavaScript"><!--alert("HelloWorld!");--></script><body>HelloWorld!</body></html>通過(guò)這個(gè)簡(jiǎn)單的實(shí)例，在HTML語(yǔ)言中插入JavaScript腳本語(yǔ)言的語(yǔ)法格式為：<Scriptlanguage="JavaScript"><!--JavaScript代碼--></Script>注意：JavaScript語(yǔ)句對(duì)大小寫(xiě)比較敏感，因此，在寫(xiě)JavaScript語(yǔ)句時(shí)要注意。553.3變量和數(shù)據(jù)類型JavaScript腳本語(yǔ)言同其它語(yǔ)言一樣，有它自身的基本數(shù)據(jù)類型、表達(dá)式和算術(shù)運(yùn)算符以及程序的基本框架結(jié)構(gòu)。JavaScript提供了四種基本的數(shù)據(jù)類型用來(lái)處理數(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>通過(guò)這個(gè)實(shí)例，可以得到JavaScript變量的定義方法和賦值方法等，其語(yǔ)法格式為：var變量名=數(shù)據(jù)的值563.3.1基本的數(shù)據(jù)類型在JavaScript中四種基本的數(shù)據(jù)類型為：●數(shù)值（整數(shù)和實(shí)數(shù)）●字符串型（用""或’’括起來(lái)的字符或數(shù)值）●布爾型（使用True或False表示）●空值在JavaScript的基本類型中的數(shù)據(jù)可以是常量，也可以是變量。由于采用弱類型的形式，因而一個(gè)數(shù)據(jù)的變量或常量不必首先作聲明，而是在使用或賦值時(shí)才確定其數(shù)據(jù)的類型。當(dāng)然也可以先聲明該數(shù)據(jù)的類型，它是通過(guò)在賦值時(shí)自動(dòng)說(shuō)明其數(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兩種值，主要用來(lái)說(shuō)明或代表是或否狀態(tài)）●字符型常量（使用單引號(hào)或雙引號(hào)括起來(lái)的一個(gè)或多個(gè)字符。如"JavaScript"、"1234567890"等●空值（即null，表示什么也沒(méi)有。如試圖引用沒(méi)有定義的變量，則返回一個(gè)null值）●特殊字符（同C語(yǔ)言一樣，是一些以反斜杠開(kāi)頭的不可顯示的特殊字符。通常稱為控制字符）

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

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

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