網(wǎng)頁的簡單制作

上傳人：2*** IP屬地：湖北上傳時(shí)間：2023-02-01 格式：PPT 頁數(shù)：98 大?。?44KB 積分：28 舉報(bào) 版權(quán)申訴

已閱讀5頁，還剩93頁未讀，繼續(xù)免費(fèi)閱讀

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第8章網(wǎng)頁制作學(xué)習(xí)要點(diǎn)：

HTML語言基本知識(shí)

JavaScript腳本語言第8章網(wǎng)頁建立與維護(hù)

8.1網(wǎng)頁的建立

8.2網(wǎng)頁的制作語言

8.3網(wǎng)頁腳本語言——JavaScript

退出

8.1.1HTML語言的結(jié)構(gòu)

8.1.3超文本鏈接指針

8.1.2構(gòu)成網(wǎng)頁的基本元素

8.1.4在HTML文件中使用圖像

8.1.6表單的應(yīng)用

8.1.5框架結(jié)構(gòu)的使用

8.1.7HTML中的表格8.1

網(wǎng)頁的制作語言返回

HTML（超文本標(biāo)記語言）是一種描述文檔結(jié)構(gòu)的標(biāo)注語言，它使用一些約定的標(biāo)記對(duì)WWW上的各種信息進(jìn)行標(biāo)注。當(dāng)用戶瀏覽WWW上的信息時(shí)，瀏覽器會(huì)自動(dòng)解釋這些標(biāo)記的含義，并按照一定的格式在屏幕上顯示這些被標(biāo)記的文件。HTML的優(yōu)點(diǎn)是其跨平臺(tái)性。即任何可以運(yùn)行瀏覽器的計(jì)算機(jī)都能閱讀并顯示HTML文件，不管其操作系統(tǒng)是什么，并且顯示結(jié)果相同。

HTML文件是標(biāo)準(zhǔn)的ASCII文件，且其后綴名為htm或html的文件。HTML文件看起來象是加入了許多被稱為鏈接簽（tag）的特殊字符串的普通文本文件。從結(jié)構(gòu)上講，HTML文件由元素（element）組成，組成HTML文件的元素有許多種，用于組織文件的內(nèi)容和指導(dǎo)文件的輸出格式。絕大多數(shù)元素是“容器”，即它有起始標(biāo)記和結(jié)尾標(biāo)記。元素的起始標(biāo)記叫做起始鏈接簽（starttag），元素結(jié)束標(biāo)記叫做結(jié)尾鏈接簽（endtag），在起始鏈接簽和結(jié)尾鏈接簽中間的部分是元素體。每一個(gè)元素都有名稱和可選擇的屬性，元素的名稱和屬性都在起始鏈接簽內(nèi)標(biāo)明。8.1.1HTML語言的結(jié)構(gòu)下面來看一個(gè)HTML文件，它在瀏覽器中顯示的結(jié)果如圖8-15所示。

<HTML><HEAD><TITLE>武漢工業(yè)學(xué)院</TITLE></HEAD><BODYbgcolor=yellow><P>這是一HTML的測(cè)試文件</P></BODY></HTML>

<TITLE>標(biāo)記用來給網(wǎng)頁命名，網(wǎng)頁的名稱寫在<TITLE>與</TITLE>標(biāo)記之間，顯示在瀏覽器的標(biāo)題欄中。例如，在圖8-15中所示的瀏覽器頁面中，其標(biāo)題欄所顯示的“武漢工業(yè)學(xué)院”是在HTML文件中的由<TITLE>武漢工業(yè)學(xué)院</TITLE>所定義的。8.12構(gòu)成網(wǎng)頁的基本元素1．<TITLE>標(biāo)記

<H1>…</H1>到<H6>…</H6>標(biāo)題元素有6種，用于表示文章中的各種題目。字體大小<H1>到<H6>順序減小。下面這個(gè)例子中分別使用了<H1>到<H6>的標(biāo)題。其HTML文件如下所示，在瀏覽器中的顯示效果如圖8-16所示。2．<Hn>標(biāo)記源文件3．預(yù)格式化文本標(biāo)記<pre>源文件

HTML的輸出是基于窗口的，因而HTML文件在輸出時(shí)都是要重新排版的，即把文本上任何額外的的字符（如空格、制表符和回車符）都忽略，若確實(shí)不需要重新排版的內(nèi)容，可以用<pre>…<／pre>通知瀏覽器。在圖8-17和圖8-18中顯示了有無預(yù)格式化文本標(biāo)記<pre>的對(duì)比。4．<BR>和<P>標(biāo)記源文件

<BR>用于強(qiáng)制換行。<P>表示一個(gè)段落的開始。</P>一般可不用。5．<B><I><U><STRONG><S>標(biāo)記

這幾個(gè)標(biāo)記都是用來修飾所包含文檔的。<B>標(biāo)記使文本加粗；<I>標(biāo)記使文本傾斜；<U>標(biāo)記給文本加下劃線；<S>標(biāo)記給文本加刪除線；<STRONG>標(biāo)記使文本字體加重。下面給出一個(gè)HTML源文件，其顯示結(jié)果如圖8-19所示。6．<FONT>標(biāo)記

<FONT>…</FONT>用來修改字體和顏色。其中COLOR屬性指定文字顏色，顏色的表示可以用6位十六進(jìn)制代碼，如<FONTCOLOR=#00FF00>；SIZE屬性指定相對(duì)尺寸。另外，如果用戶想要設(shè)置網(wǎng)頁的背景色和文字顏色，可以將<BODY>標(biāo)記擴(kuò)充為：<BODYbgcolor=#text=#link=#alink=#vlink=#background=”imageURL”>其中各個(gè)元素的說明如表8-1所示，表8-2列出了一些常用顏色的RGB值。標(biāo)記說明Bgcolor設(shè)置網(wǎng)頁背景顏色Text設(shè)置網(wǎng)頁非可鏈接文字的顏色Link設(shè)置網(wǎng)頁可鏈接文字的顏色Alink設(shè)置網(wǎng)頁正被點(diǎn)擊的可鏈接文字的顏色Vlink設(shè)置網(wǎng)頁已經(jīng)點(diǎn)擊的可鏈接文字的顏色Background設(shè)置網(wǎng)頁背景圖案ImageURL設(shè)置網(wǎng)頁背景圖案的URL地址#代表顏色RGB值（格式為rrggbb）。它是用16進(jìn)制的紅-綠-藍(lán)（red-green-blue，RGB）值來表示。各種常見的顏色的RGB值如表9-2所示。顏色RGB顏色RGB黑色（Black）000000橄欖色（Olive）808000紅色（Red）FF0000深表色（Teal）008080綠色（Green）008000灰色（Gray）808080藍(lán)色（Blue）0000FF深藍(lán)色（Navy）000080白色（White）FFFFFF淺綠色（Lime）00FF00黃色（Yellow）FFFF00紫紅色（Fuchsia）FF00FF銀色（Silver）C0C0C0紫色（Purple）800080淺色（Aqua）00FFFF茶色（Maroon）800000

超文本鏈接指針是HTML最吸引人的優(yōu)點(diǎn)之一，可以這樣說，如果沒有超文本鏈接指針，就沒有萬維網(wǎng)。使用超文本鏈接指針可以使順序存放的文件具有一定程度上隨機(jī)訪問的能力，這更加符合人類的踴躍思維方式。超文本鏈接指針是指把并不連續(xù)的兩段文字或兩個(gè)文件聯(lián)系起來。8.1.3超文本鏈接指針1．統(tǒng)一資源定位器URL統(tǒng)一資源定位器（UniformResourceLocator）是文件名的擴(kuò)展。在單機(jī)系統(tǒng)中，如果要找一個(gè)文件，需要知道該文件所在的路徑和文件名；在互連網(wǎng)上同樣找一個(gè)文件，除了要知道以上內(nèi)容之外，顯然還需要知道該文件存放在哪個(gè)網(wǎng)絡(luò)的哪臺(tái)主機(jī)中才行。與單機(jī)系統(tǒng)不一樣的是，在單機(jī)系統(tǒng)中所有的文件都由統(tǒng)一的操作系統(tǒng)來管理，因而不必給出訪問該文件的方法；而在互連網(wǎng)上，每個(gè)網(wǎng)絡(luò)，每臺(tái)主機(jī)的操作系統(tǒng)都不一樣，因此必須指定訪問該文件的方法。一個(gè)URL包括了以上所有的信息。它的構(gòu)成為：

protocol://[:port]／directory／filename2．建立一個(gè)鏈接（1）鏈接到其它站點(diǎn)在HTML文件中用鏈接指針指向一個(gè)目標(biāo)。其基本格式為：

<ahref="…">zzz</a>

其中zzz可以是文字或圖片并顯示在網(wǎng)頁中，當(dāng)用戶單擊它時(shí)，瀏覽器就會(huì)顯示由href屬性中的統(tǒng)一資源定位器（URL）所指向的目標(biāo)，實(shí)際上這個(gè)ZZZ在HTML文件中充當(dāng)指針的角色，它一般顯示為藍(lán)色。href中的h表示超文本，而ref表示“訪問”或“引用”的意思。例如：

<ahref="http:///">武漢工業(yè)學(xué)院</a>

用戶用鼠標(biāo)單擊“武漢工業(yè)學(xué)院”，即可看到武漢工業(yè)學(xué)院的主頁內(nèi)容。在這個(gè)例子中，充當(dāng)指針的是“武漢工業(yè)學(xué)院”。（2）同一個(gè)文件中的鏈接超鏈可以指向自己的計(jì)算機(jī)中的某一個(gè)文件這種鏈接方式叫做本地鏈接。前面曾提到過一個(gè)超文本鏈接指針包括兩個(gè)部分，一個(gè)指向目標(biāo)的鏈接指針，另一個(gè)是被指向的目標(biāo)。標(biāo)識(shí)一個(gè)目標(biāo)的方法為：

<ANAME="KKK">…….<／A>NAME屬性將放置該標(biāo)記的地方標(biāo)記為“KKK”，KKK是一個(gè)全文唯一的標(biāo)記串，<A>和

</A>之間的內(nèi)容可有可無。這樣，就把放置標(biāo)記的地方做了一個(gè)叫做“KKK”的標(biāo)記（如果對(duì)MicrosoftWord很熟悉的話，這就相當(dāng)于在Word中的定義“書簽”）。做好標(biāo)記后，可以用下列方法來指向它。

<ahref="#KKK">轉(zhuǎn)向下一處</a>

這時(shí)就可以點(diǎn)擊“轉(zhuǎn)向下一處”這段文字，瀏覽器就從標(biāo)記名為KKK的部分開始顯示此HTML文件的內(nèi)容了。8.1.4在HTML文件中使用圖像1．在HTML文件中顯示圖像

在瀏覽器上顯示的圖像必須有特定的格式，目前使用的瀏覽器通常支持GIF和JPEG格式的圖像。在HTML網(wǎng)頁中加圖像是通過<IMG>標(biāo)記實(shí)現(xiàn)的，它有幾個(gè)較為重要的屬性。其中：SRC屬性：指明圖形的URL地址；HEIGHT屬性：決定圖形的高度；WIDTH屬性：決定圖形的寬度；BORDER屬性：決定邊框線的寬度，

0-表示無邊框；ALT屬性：指明圖像顯示的備用文本；源文件2．在HTML文件中利用圖像建立鏈接如果在鏈接標(biāo)記<A>和</A>的中間放置一個(gè)<IMG>標(biāo)記，這個(gè)圖像將會(huì)成為一個(gè)可擊點(diǎn)，產(chǎn)生一個(gè)鏈接。例如：

<AHREF=”default.asp”> <IMGSRC=”images/center1.gif”ALIGN=LEFT> </A>

當(dāng)用戶單擊這個(gè)圖像后，瀏覽器就會(huì)顯示“default.asp”這個(gè)文件的內(nèi)容了。8.1.5框架結(jié)構(gòu)的使用框架能夠?qū)㈨撁娣殖蓴?shù)個(gè)獨(dú)立變化的窗口，每個(gè)窗口可以顯示不同的Web頁面，并可以不斷更換顯示的對(duì)象。使用框架結(jié)構(gòu)，可以使屏幕的信息量增大，使Web網(wǎng)頁更加吸引讀者。有關(guān)框架內(nèi)容的HTML語法為：

其中<noframes>...</noframes>中的內(nèi)容顯示在不支持分框的瀏覽器窗口中，因而這里指向一個(gè)普通版本的HTML文件，以便使用不支持分框?yàn)g覽器的用戶閱讀。分框由<frameset>指定，并且可以嵌套，分區(qū)中各部分顯示的內(nèi)容用<frame>指定。需要說明的是，frame是一個(gè)新出現(xiàn)的元素，許多瀏覽器不支持它。分框可以將窗口橫向分成幾個(gè)部分，也可以縱向分成幾個(gè)部分，還可以混合分框。

框架結(jié)構(gòu)標(biāo)記可以嵌套，用以實(shí)現(xiàn)大框架中的小框架。它主要有兩個(gè)屬性：ROWS和COLS，它們可以將瀏覽器頁面分為N行M列，當(dāng)然也可以各自獨(dú)立使用。下面來看一個(gè)框架結(jié)構(gòu)的例子。如圖8-21，其HTML源文件如下所示。

<framesetcols="*,140"><framesetrows="*,80"><framesrc="a.htm"name="f1"><framesrc="b.htm"name="f2" scrolling="no"></frameset>

<framesetrows="*,80"> <framesrc="c.htm"name="f3">

<framesrc="d.htm" name="f4"></frameset></frameset></head>

<frame>標(biāo)記有以下主要屬性：SRC屬性指定框架單元的URL源，如第6行中指出的是當(dāng)前主機(jī)當(dāng)前目錄下的“a.htm”文件。即在此框中顯示“a.htm”的內(nèi)容。NAME屬性為該框架單元起個(gè)標(biāo)識(shí)名，主要用來為將來改變框架內(nèi)容提供入口。SCROLLING屬性設(shè)置框架是否使用滾動(dòng)務(wù)。有YES、NO和AUTO三個(gè)值，分別表示強(qiáng)制使用滾動(dòng)條，禁止使用滾動(dòng)條和自動(dòng)判斷使用滾動(dòng)條。8.1.6表單的應(yīng)用

HTML提供的表單是用來將用戶數(shù)據(jù)從瀏覽器傳遞給Web服務(wù)器的。例如可以利用表單建立一個(gè)錄入界面，也可以利用表單對(duì)數(shù)據(jù)庫進(jìn)行查詢。在這里需要聲明的是，表單的操作是與服務(wù)器進(jìn)行交互的操作，而服務(wù)器端的操作是通過服務(wù)器端的程序來實(shí)現(xiàn)的。實(shí)現(xiàn)在服務(wù)器端的操作有許多種方式，其中ASP（動(dòng)態(tài)服務(wù)網(wǎng)頁）的方式就是一種，它可以通過ADO方式與多種數(shù)據(jù)庫相連。

ASP（ActiveServerPage）程序是在服務(wù)器端工作，并且通過服務(wù)器端的編譯動(dòng)態(tài)地送出HTML文件給客戶端，它負(fù)責(zé)處理HTML文件與運(yùn)行在服務(wù)器端的程序之間的數(shù)據(jù)交換。當(dāng)用戶輸入他們的信息（這個(gè)信息可以是查詢條件，也可以是傳送給服務(wù)器的某些內(nèi)容）并提交給服務(wù)器后，便激活了一個(gè)ASP程序。該ASP程序又可以調(diào)用操作系統(tǒng)下的其他程序（例如數(shù)據(jù)庫管理系統(tǒng)）完成讀者的查詢?nèi)蝿?wù)，當(dāng)操作系統(tǒng)下的程序完成查詢之后，便把查詢結(jié)果傳給ASP，通過ASP傳給Web服務(wù)器。由此可以看出，ASP程序在用戶與服務(wù)器之間進(jìn)行交互查詢時(shí)所起的重要作用。1.什么是表單表單就是為Internet網(wǎng)絡(luò)用戶在瀏覽器上建立一個(gè)交互接口，使Internet網(wǎng)絡(luò)用戶可以在這個(gè)接口上輸入自己的信息，然后使用提交按鈕，將Internet網(wǎng)絡(luò)用戶的輸入信息傳送給Web服務(wù)器。在HTML中，有一個(gè)專門的標(biāo)記FORM提供表單的功能，由表單開始標(biāo)記<FORM>和表單結(jié)束標(biāo)記</FORM>組成，表單中可以設(shè)置文本框、按鈕或下拉菜單，它們也是通過標(biāo)記完成。在表單的開始標(biāo)記中帶有兩個(gè)屬性：ACTION和METHOD。書寫表單的HTML格式如下<FORMACTION=“…”METHOD=”…”>…</FORM>2.表單的標(biāo)記

FORM標(biāo)記有以下主要屬性：（1）ACTION屬性是用來指出，當(dāng)這個(gè)FORM提交后需要執(zhí)行的駐留在Web服務(wù)器上的程序名（包括路徑）是什么。一旦Internet網(wǎng)絡(luò)用戶提交輸入信息后服務(wù)器便激活這個(gè)程序，完成某種任務(wù)。例如：<FORMACTION=”login.asp”METHOD=POST>…</FORM>當(dāng)用戶點(diǎn)擊“提交”按鈕以后，Web服務(wù)器上的“l(fā)ogin.asp”將接收用戶輸入的信息，以登記用戶信息。（2）METHOD屬性是用來說明從客戶端瀏覽器將Internet網(wǎng)絡(luò)用戶輸入的信息傳送給Web服務(wù)器時(shí)所使用的方式，它有兩種方式：POST和GET。默認(rèn)的方式是GET，這兩者的區(qū)別是在使用POST時(shí)，表單中所有的變量及其值都按一定的規(guī)律放入報(bào)文中，而不是附加在ACTION所設(shè)定的URL之后。在使用GET時(shí)將FORM的輸入信息作為字符串附加在ACTION所設(shè)定的URL的后面，中間用“？”隔開，即在客戶端瀏覽器的地址欄中可以直接看見這些內(nèi)容。2.表單的標(biāo)記

HTML中的INPUT標(biāo)記是表單中最常用的標(biāo)記。我們?cè)诰W(wǎng)頁上所見到的文本框、按鈕等等都由這個(gè)標(biāo)記引出的。下面是INPUT標(biāo)記的標(biāo)準(zhǔn)格式：<INPUTTYPE=“…”VALUE=“…”>其中TYPE屬性是用來說明提供給用戶進(jìn)行信息輸入的類型是什么。例如是文本框、單選按鈕或多選按鈕。它的取值如下：TYPE=“TEXT” 表示在表單中使用單行文本框

=“PASSWORD”表示在表單中為用戶提供密碼輸入框

=“RADIO” 表示在表單中使用單選按鈕

=“CHECKBOX”表示在表單中使用多選按鈕

=“SUBMIT” 表示在表單中使用提交按鈕

=“RESET” 表示在表單中使用重置按鈕

3．HTML中的INPUT標(biāo)記用一個(gè)例子說明文字輸入和密碼輸入的制作。（1）文字輸入和密碼輸入

<FORMACTION=“REG.ASP”METHOD=POST>

請(qǐng)輸入您的真實(shí)姓名:<INPUTTYPE=TEXTNAME=姓名><BR>

您的主頁的網(wǎng)址:<INPUTTYPE=TEXTNAME=網(wǎng)址VALUE=HTTP://><BR>

密碼:<INPUTTYPE=PASSWORDNAME=密碼><BR><INPUTTYPE=SUBMITVALUE="發(fā)送"><INPUTTYPE=RESETVALUE="重設(shè)">

</FORM></BODY></HTML>（2）復(fù)選框（Checkbox）和單選框（RadioButton）<HTML><HEAD> <TITLE>這是個(gè)測(cè)試頁</TITLE></HEAD><BODY><FORMACTION=“REG1.ASP”METHOD=POST>

選擇一種你喜愛的水果:<br><INPUTtype=radioname=水果value=”香蕉”>香蕉

<br><INPUTtype=radioname=水果checkedvalue=”草莓”>草莓

<br><INPUTtype=radioname=水果value="橘子">橘子

<br>選擇你所喜愛的運(yùn)動(dòng):<br><INPUTtype="checkbox"name=ra1checkedvalue="足球">足球

<br><INPUTtype="checkbox"name=ra2checkedvalue="籃球">籃球

<br><INPUTtype="checkbox"name=ra3value="排球">排球

<br><INPUTTYPE=SUBMITVALUE="發(fā)送"><INPUTTYPE=RESETVALUE="重設(shè)"></FORM></BODY></HTML>（3）按鈕的制作

在上面幾個(gè)例子中，都有兩個(gè)按扭，一個(gè)是“發(fā)送”按鈕，另一個(gè)“重置”按鈕。其實(shí)“發(fā)送”按鈕真正的含義叫“提交”即當(dāng)Internet網(wǎng)絡(luò)用戶用鼠標(biāo)單擊這個(gè)按鈕后，用戶輸入的信息便提交給一個(gè)駐留在Web服務(wù)器上的程序，讓服務(wù)器進(jìn)行處理，其典型的格式：<INPUTTYPE=”SUBMIT”VALUE=”發(fā)送”>。提交按鈕在FORM中是必不可少的，前幾個(gè)例子只是說明INPUT語句中類型的使用，作為FORM語句并不完整，每個(gè)FORM中有且僅有一個(gè)提交按鈕。當(dāng)設(shè)置“提交”按鈕標(biāo)記時(shí)，如果缺省VALUE屬性，則瀏覽器窗口中的按鈕上出現(xiàn)“SUBMIT”的字樣，這個(gè)字樣也可以自己設(shè)定，改變按鈕上的提示。例如：VALUE=“提交”。另一種在瀏覽器常用的按鈕叫“重置”按鈕，當(dāng)Internet網(wǎng)絡(luò)用戶用鼠標(biāo)單擊這個(gè)按鈕后，網(wǎng)絡(luò)用戶輸入的信息被清除，讓網(wǎng)絡(luò)用戶重新輸入信息。其典型的格式：<INPUTTYPE=“RESET”VALUE=”重新輸入”>，而且在這個(gè)標(biāo)記設(shè)置中如果缺省VALUE屬性，則瀏覽器窗口中的按鈕上出現(xiàn)“RESET”的字樣，這個(gè)字樣也可以自己設(shè)定，來改變按鈕上的提示，例如：VALUE=“重新輸入”。（4）HTML中的SELECT標(biāo)記

在制做HTML文件時(shí)，使用<FORM>…</FORM>標(biāo)記可以在瀏覽器窗口中設(shè)置下拉式菜單或帶有滾動(dòng)條的菜單，Internet網(wǎng)絡(luò)用戶可以在菜單中選中一個(gè)或多個(gè)選項(xiàng)。

請(qǐng)從下面課程中選擇幾門選擇課:<FORMaction="h1.asp"method=POSTid=form1name=form1><SELECTname=x1multiple> <OPTION>網(wǎng)絡(luò)技術(shù)

<OPTION>書法

<OPTION>音樂欣賞<OPTION>現(xiàn)代文學(xué)

<OPTION>多媒體技術(shù)

</SELECT></FORM>

</BODY></HTML>8.1.7HTML中的表格下面看一個(gè)表格的例子從這個(gè)例子可以看出一個(gè)表格有一個(gè)標(biāo)題（Caption），它表明表格的主要內(nèi)容，并且一般位于表的上方；表格中由行和列分割成的單元叫做“表元”（Cell），它又分為表頭（用TH標(biāo)記來表示）和表數(shù)據(jù)（用TD標(biāo)記來表示）；表格中分割表示的行列線稱為“框線”（Border）。一個(gè)表格的基本框架如下所示：<TABLEWIDTH=75%BORDER=1CELLSPACING=1CELLPADDING=1> <CAPTION></CAPTION> <TR> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> </TR>1．表格的標(biāo)記

<TR> <TD></TD> <TD></TD> <TD></TD> </TR></TABLE>（1）TABLE標(biāo)記一個(gè)表格至少一個(gè)TABLE標(biāo)記，由它來決定一個(gè)表格的開始和結(jié)束，而且TABLE標(biāo)記可以嵌套。TABLE標(biāo)記有以下五種屬性：BORDER屬性，指定圍繞表格的框的寬度（只能用像素）。CELLSPACING屬性，指定框線的寬度CELLPADDING屬性，用于設(shè)置表元內(nèi)容與邊框線之間的間距。ALIGN屬性用來控制表格本身在頁面上的對(duì)齊方式。其取值可是LEFT（左對(duì)齊）、CENTER（居中對(duì)齊）、RIGHT（右對(duì)齊）。WIDTH屬性，用來設(shè)置表格的寬度，可以以像素為單位，也可用占瀏覽器窗口的百分比來定義。（2）CATION標(biāo)記

CATION標(biāo)記用來標(biāo)注表格標(biāo)題的。CATION標(biāo)記必須緊接在TABLE開始標(biāo)記之后放在第一個(gè)TR標(biāo)記之前。通過該標(biāo)記所定義的表格標(biāo)題一般顯示在表格的上方，而且其水平方向是居中對(duì)齊。另外，如需要對(duì)表格的標(biāo)題突出顯示，可以在CATION標(biāo)記之間加入其它對(duì)字體進(jìn)行加重顯示的標(biāo)記。如：<TABLEWIDTH=75%BORDER=1CELLSPACING=1CELLPADDING=1> <CAPTION> <H2>表格標(biāo)題強(qiáng)調(diào)</H2> </CAPTION> <TR> ………. </TR></TABLE>（3）TR標(biāo)記定義表格的一行。TR標(biāo)記中有兩個(gè)屬性，一個(gè)是ALIGN屬性，用來設(shè)置表行中的每個(gè)表元在水平方向的對(duì)齊方式，其取值可以是LEFT（左對(duì)齊）、CENTER（居中對(duì)齊）、RIGHT（右對(duì)齊）；另一個(gè)是VLIGN屬性，用來設(shè)置表行中的每個(gè)表元在垂直方向的對(duì)齊方式，其取值可以是TOP（向上對(duì)齊）、CENTER（居中對(duì)齊）、BOTTOM（向下對(duì)齊）。例如，要使表行中各單元的內(nèi)容水平方向右對(duì)齊、垂直方向居中對(duì)齊，可使用如下源代碼：

<TRALIGN=RIGHTVALIGH=TOP>（4）TH標(biāo)記

TH標(biāo)記用來表示一個(gè)表行中的各個(gè)單元。TH標(biāo)記內(nèi)幾乎可以包含所有的HTML標(biāo)記，甚至還可以嵌套表格。該標(biāo)記與TR標(biāo)記同樣具有ALIGN和VALIGN屬性，如果在TH標(biāo)記和TR標(biāo)記中都設(shè)置了ALIGN和VALIGN屬性，而且它們所設(shè)置的屬性值不相同，這時(shí)以TH標(biāo)記所設(shè)置的屬性值為準(zhǔn)。另外，TH標(biāo)記還有兩個(gè)屬性，一個(gè)是WIDTH屬性，用來設(shè)置表元的寬度，另一個(gè)HEIGHT屬性，用來設(shè)置表元的高度。這兩個(gè)屬性的取值單位都是像素。在同一行中將多個(gè)表元設(shè)置為不同高度，或者在同一列中將多個(gè)表元設(shè)置為不同寬度，都有可能導(dǎo)致不可預(yù)料的結(jié)果。在這個(gè)實(shí)例中，通過制作一個(gè)登記表格來給大家來說明如何制作一個(gè)比較復(fù)雜的表格。在表格中經(jīng)常會(huì)出現(xiàn)跨多行、多列的表元，這就要利用TD標(biāo)記另外兩個(gè)屬性，即COLSPAN和ROWSPAN屬性。例如

<THCOLSPAN=3>登記照<TH>

表示這個(gè)表項(xiàng)標(biāo)題將橫跨三個(gè)表項(xiàng)的位置；

<THROWSPAN=3>登記照<TH>

表示這個(gè)表項(xiàng)標(biāo)題將縱跨三個(gè)表項(xiàng)的位置；另外每個(gè)表元還可以設(shè)置其背景顏色。例如<THCOLSPAN=3BGCOLOR=yellow>登記照<TH>

還可以在表格中插入超級(jí)鏈接或在表格中插入圖片，如果能對(duì)這個(gè)例子舉一反三的話，那么僅需制作一個(gè)無框線的表格，就可以把各種數(shù)據(jù)按照自己所希望的形式在頁面進(jìn)行布置。2．表格使用實(shí)例下面就給出一個(gè)具體的實(shí)例<HTML><HEAD><TITLE>表格綜合實(shí)例</TITLE></HEAD><BODY><TABLEborder=1cellPadding=1cellSpacing=1width="75%"> <caption><h3>大獎(jiǎng)賽登記表</h3></caption><TR> <TDbgcolor=LightGoldenrodYellow>報(bào)名號(hào)</TD> <TD>757</TD> <TDbgcolor=LightYellow>性別</TD> <TD>女</TD> <TDrowspan=2><IMGSRC="image\center.gif"></TD></TR><TR> <TDbgcolor=FloralWhite>姓名</TD> <TDcolspan=3><Ahref="http://">江小麗</A></TD></TR>

<TR><TDbgcolor=Cornsilk>推薦單位</TD><TDcolspan=4>宇宙公司</TD></TR></TABLE></P></BODY></HTML>下面就給出一個(gè)具體的實(shí)例

8.2.1JavaScript的基礎(chǔ)知識(shí)

8.2.2JavaScript語言

8.2.3JavaScript中的函數(shù)

8.2.4JavaScript的事件8.2網(wǎng)頁腳本語言

——JavaScript

8.2.5JavaScript中的對(duì)象返回8.2.1JavaScript的基礎(chǔ)知識(shí)腳本語言是一種簡單的描術(shù)性語言，它是針對(duì)HTML語言不能很好地解決動(dòng)態(tài)交互這個(gè)缺點(diǎn)而引入的，它能對(duì)Web頁面中的元素進(jìn)行控制。一般來說，腳本語言是通過一個(gè)<Script>的標(biāo)記嵌入到HTML文檔中，并可以被瀏覽器解釋執(zhí)行，插入的腳本語言就如同子程序一樣被HTML元素所調(diào)用，成為HTML的一部分。目前比較流行的腳本語言有網(wǎng)景公司（Netscope）的JavaScript和微軟公司（Microsoft）的VBScript。

JavaScript是基于Netscape瀏覽器的，類似于Java編程語言的腳本語言，并且是一種基于對(duì)象的、面向Internet或Intranet的編程語言，使用它可以開發(fā)關(guān)于Internet或Intranet客戶端和服務(wù)器的應(yīng)用程序，也可以方便地嵌入到計(jì)算機(jī)文件中。由于JavaScript是第一個(gè)在WWW上使用的腳本語言，因而它一度是最流行的Web站點(diǎn)腳本語言，用它可以方便地編排HTML網(wǎng)頁，同時(shí)還可以控制動(dòng)態(tài)HTML。

VBScript是Microsoft公司在VisualBasic編程語言的基礎(chǔ)上設(shè)計(jì)的，由于其在企業(yè)界廣為流行，且與Microsoft公司的其它產(chǎn)品有著密切的聯(lián)系，VBScript的使用范圍越來越大，逐漸會(huì)成為一種主要的腳本語言。1．什么是腳本語言

JavaScript語言起初并不叫此名稱，它的早期是Netscape的開發(fā)者們稱之為“Mocha”的語言，開始在網(wǎng)上進(jìn)行β測(cè)試（由軟件的多個(gè)用戶在其實(shí)際的使用環(huán)境下進(jìn)行的測(cè)試叫β測(cè)試）時(shí)，名字改為“LiveScript”，Sun公司推出Java之后，Netscape引進(jìn)了Sun的有關(guān)概念，在其發(fā)行Netscape2.0β測(cè)試版時(shí)才稱其為“JavaScript”。它不僅支持Java的Applet小程序，同時(shí)向Web頁的制作者提供一種嵌入HTML文檔進(jìn)行編程的、基于對(duì)象的Script（腳本）程序設(shè)計(jì)語言，采用的許多結(jié)構(gòu)與Java相似。

支持JavaScript的Navigator2.0的網(wǎng)絡(luò)瀏覽器能夠解釋并執(zhí)行嵌在HTML中的用JavaScript語言書寫的“程序”。JavaScript具有很多采用CGI/PERL編寫的Script（腳本）的能力，其優(yōu)點(diǎn)是可以引用主機(jī)資源，響應(yīng)位于服務(wù)器Web頁中相應(yīng)語法元素要完成的功能，而又不與主機(jī)服務(wù)器進(jìn)行交互會(huì)話。2．JavaScript的產(chǎn)生與發(fā)展

JavaScript的編程工作復(fù)雜與否和HTML文檔所提供的功能大小密切相關(guān)，下面用一個(gè)簡單的例子來介紹它的編程特點(diǎn)。

3．一個(gè)簡單的例子

＜HTML＞＜HEAD＞＜TITLE＞Thisisatest＜/TITLE＞＜/HEAD＞＜BODY＞

你好＜SCRIPTLANGUAGE="JavaScript"＞

document.write"Hello，JavaScript!"

＜/SCRIPT＞

＜/BODY＞＜/HTML＞

JavaScript源代碼被嵌在一個(gè)HTML文檔中，而且它可以出現(xiàn)在文檔頭部（HEAD節(jié)）和文檔體部(BODY節(jié))。SCRIPT標(biāo)記的一般格式為：＜SCRIPTLANGUAGE="JavaScript"＞＜!-- JavaScript語句串··· --＞＜/SCRIPT＞

為了使老版本的瀏覽器（即Navigator2.0版以前的瀏覽器）避開不識(shí)別的“JavaScript語句串”，用JavaScript編寫的源代碼可以用注解括起來，即使用HTML的注解標(biāo)記＜!--…--＞，而Navigator2.x可以識(shí)別放在注解行中的JavaScript源代碼。

說明：＜SCRIPT＞標(biāo)記可聲明一個(gè)腳本程序，LANGUAGE屬性聲明該腳本是一個(gè)用JavaScript語言編寫的腳本。在<Script>和</Script>之間的任何內(nèi)容都視為腳本語句，會(huì)被瀏覽器解釋執(zhí)行。在JavaScript腳本中，用“//”作為行的注釋標(biāo)注。8.2.2JavaScript語言在JavaScript中，數(shù)據(jù)類型是十分寬松的，程序員在聲明變量時(shí)可以不指定該變量的數(shù)據(jù)類型，JavaScript會(huì)自動(dòng)地按照需要來分配適當(dāng)?shù)臄?shù)據(jù)類型。這一點(diǎn)和JAVA或C++是截然不同的。JavaScript有以下幾種基本的數(shù)據(jù)類型：1．JavaScript數(shù)據(jù)類型（1）數(shù)字類型如:34，3.14表示為十進(jìn)制數(shù)；034表示為八進(jìn)制數(shù)，用十進(jìn)行表示其值為28；0x34表示為十六進(jìn)制數(shù)，用十進(jìn)行表示其值為52。（2）字符串類型如："Hello!"；（3）邏輯值類型其取值僅可能是“真”或“假”，用True或False來表示。（4）空值當(dāng)你定義一個(gè)變量后未賦初值時(shí)，則該變量為空值。例如：varch1; //此時(shí)ch1就為空值，它不屬于任何一種數(shù)據(jù)類型。它的定義要求與C語言相仿，例如以字母或下劃線開始，變量不能是保留字（如int，var等），不能使用數(shù)字作為變量名的第一個(gè)字母等等。但它的定義方法與C語言有很大的差別。

C語言的變量定義格式為：

inta=1;floatf1=3.14

而JavaScript的變量定義格式:

Var

變量名；或者Var

變量名=初始值；

JavaScript并不是在定義變量時(shí)來說明變量的數(shù)據(jù)類型，而是在給變量賦初始值時(shí)來確定該變量的數(shù)據(jù)類型；JavaScript對(duì)字母的大小寫是敏感的。如Varmy；VarMy，JavaScript認(rèn)為這是兩個(gè)不同的變量。說明：在使用變量之前，最好對(duì)每個(gè)變量使用關(guān)鍵字VAR進(jìn)行變量聲明，防止發(fā)生變量的有效區(qū)域沖突的問題。2．JavaScript變量

JavaScript常量分為4類：整數(shù)、浮點(diǎn)數(shù)、布爾值和字符串。下面分別加以說明。

3．JavaScript常量（1）整數(shù)常量在JavaScript中，整數(shù)可以表示為：十進(jìn)制數(shù)：即一般的十進(jìn)制整數(shù)，它前面不可有前導(dǎo)0。例：75。八進(jìn)制數(shù)：以0為前導(dǎo)，表示八進(jìn)制數(shù)。例：075。16進(jìn)制數(shù)：以0x為前導(dǎo)，表示16進(jìn)制數(shù)。例：0x0F。（2）浮點(diǎn)數(shù)常量浮點(diǎn)數(shù)可以用一般的小數(shù)格式來表示，也可以使用科學(xué)計(jì)數(shù)法來表示。例如：7.54343，3.0e9（3）布爾型常量布爾型常量只有兩個(gè)值：True和False。（4）字符串常量字符串常量是用單引號(hào)或雙引號(hào)括起來的0個(gè)或多個(gè)字符組成。例如：“TestString”，”12345”在JavaScript的語法規(guī)則中，每一條語句的最后必須使用一個(gè)分號(hào)，例如： document.write(“kkk”);//此語句的功能在瀏覽器中輸出“kkk”字符串在編寫JavaScript程序時(shí)，一定要有一個(gè)良好的習(xí)慣，最好是一行寫一條語句，如果使用復(fù)合語句塊時(shí)，注意把復(fù)合語句塊用大括號(hào)括起來，并且根據(jù)每一句作用范圍的不同，應(yīng)有一定的縮進(jìn)。另外一個(gè)好的編程風(fēng)格是要適當(dāng)加一些注釋。例如：4．JavaScript語句的結(jié)構(gòu)＜SCRIPTLANGUAGE="JavaScript"＞

varSUM,P,i; SUM=0; //初始化累加和

P=1;FOR(i=1;i<100;i++){SUM+=i;//求累加和

P*=i;}＜/SCRIPT＞

JavaScript常量分為4類：整數(shù)、浮點(diǎn)數(shù)、布爾值和字符串。下面分別加以說明。

JavaScript擁有一般編程語言（如Ｃ語言）的運(yùn)算符，包括算術(shù)運(yùn)算符、比較運(yùn)算符、連接運(yùn)算符5．JavaScript運(yùn)算符和表達(dá)式（1）算術(shù)運(yùn)算符用于連接運(yùn)算表達(dá)式的各種算術(shù)運(yùn)算符如表8-1所示。運(yùn)算符運(yùn)算符定義舉例說明+加法符號(hào)X=A+B-減法符號(hào)X=A-B*乘法符號(hào)X=A*B/除法符號(hào)X=A+B%取模符號(hào)X=A%B X等于Ａ除以Ｂ所得的余數(shù)++加１

A++A的內(nèi)容加1--減1A--A的內(nèi)容減1（2）位運(yùn)算符位操作運(yùn)算符對(duì)兩個(gè)表達(dá)式相同位置上的位進(jìn)行位對(duì)位運(yùn)算。JavaScript支持的位操作運(yùn)算符如表8-2所示。運(yùn)算符運(yùn)算符定義舉例說明~按位求反X=~A<<左移X=B<<A(A為移動(dòng)次數(shù)，左邊移入0)>>右移X=B>>A(A為移動(dòng)次數(shù)，右邊移入0)>>>無符號(hào)右移X=B>>>A(A為移動(dòng)次數(shù)，右邊移入符號(hào)位)&位“與”X=B&A^位“異或”X=B^A|位“或”X=B|A（3）復(fù)合賦值運(yùn)算符復(fù)合賦值運(yùn)算符執(zhí)行的是一個(gè)表達(dá)式的運(yùn)算。在JavaScript中，合法的復(fù)合賦值運(yùn)算符如表8-3所示。運(yùn)算符運(yùn)算符定義舉例說明+=加X+=AX=X+A-=減X-=AX=X-A*=乘X*=AX=X*A/=除X/=AX=X/A%=模運(yùn)算X%=AX=X%A<<=左移X<<=AX=X<<A>>=右移X>>=AX=X>>A>>>=無符號(hào)右移X>>>=AX=X>>>A&=位“與”X&=AX=X&A^=位“異或”X^=AX=X^A|=位“或”X|=AX=X|A（4）比較運(yùn)算符比較運(yùn)算符用于比較兩個(gè)對(duì)象之間的相互關(guān)系，返回值為True和False。各種比較運(yùn)算符如表8-4所示。運(yùn)算符運(yùn)算符定義舉例說明==等于A==BA等于B時(shí)為真>大于A>BA大于B時(shí)為真<小于A<BA小于B時(shí)為真!=不等于A!=BA不等于B時(shí)為真>=大于等于A>=BA大于等于B時(shí)為真<=小于等于A<=BA小于

等于B時(shí)為真?:條件選擇

E？A：BE為真時(shí)選A，否則選B（5）邏輯運(yùn)算符邏輯運(yùn)算符返回True和False，其主要作用是連接條件表達(dá)式，表示各條件間的邏輯關(guān)系。各種邏輯運(yùn)算符如表8-5所示。運(yùn)算符運(yùn)算符定義舉例說明&&邏輯“與”A&&BA與B同時(shí)為True時(shí)，結(jié)果為True!邏輯“非”!A如A原值為True,結(jié)果為False||邏輯“或”A||BA與B有一個(gè)取值為True時(shí)，結(jié)果為True（6）運(yùn)算符的優(yōu)先級(jí)運(yùn)算符說明.[]()字段訪問、數(shù)組下標(biāo)以及函數(shù)調(diào)用++--~!typeofnewvoiddelete一元運(yùn)算符、返回?cái)?shù)據(jù)類型、對(duì)象創(chuàng)建、未定義值*/%乘法、除法、取模+-+加法、減法、字符串連接<<>>>>>移位<<=>>=小于、小于等于、大于、大于等于==!==等于、不等于、恒等、不恒等&按位與^按位異或|按位或&&邏輯與||邏輯或?:條件=賦值（7）表達(dá)式

JavaScript表達(dá)式可以用來計(jì)算數(shù)值，也可以用來連接字符串和進(jìn)行邏輯比較。JavaScript表達(dá)式可以分為三類：

算術(shù)表達(dá)式算術(shù)表達(dá)式用來計(jì)算一個(gè)數(shù)值，例：2*4.5/3

字符串表達(dá)式字符串表達(dá)式可以連接兩個(gè)字符串，例如：”hello”+”world!”，該表達(dá)式的計(jì)算結(jié)果“helloworld!”

邏輯表達(dá)式

邏輯表達(dá)式計(jì)算結(jié)果為一個(gè)布爾型常量（True或False）。

例如：12>24其返回值為：False

JavaScript允許加一些注釋。并且有兩種注釋方法：單行注釋和多行注釋。單行注釋：以“//”開始，以同一行的最后一個(gè)字符作為結(jié)束。多行注釋：以“/*”開始，以“*/”結(jié)束，符號(hào)“*/”可放在同一個(gè)行或一個(gè)不同的行中。下面舉例說明怎樣使用這兩種注釋方法：

<Scriptlanguage=”JavaScript”> /*這是多行注釋的第一行這是多行注釋的第二行*/ k=24*7； //這是一個(gè)單行注釋的例子

</Script>6．腳本語言的注釋

JavaScript的腳本語言同C++語言類似的，提供了相同的程序流程控制語句。這些語句分別是if、switch、for、do和while語句。（1）條件語句

If語句

If語句是一個(gè)條件判斷語句，它根據(jù)一定的條件執(zhí)行相應(yīng)的語句塊，其定義格式如下所示：If(expr) {code_block1 }else {code_block2}

這里，expr是一個(gè)布爾型的值或表達(dá)式（特別強(qiáng)調(diào)：expr一定要用小括號(hào)將其括起來），code_block1和code_block2是由多個(gè)語句組成的語句塊。當(dāng)expr值為“真”時(shí)，執(zhí)行code_block1，當(dāng)expr值為“假”時(shí)，執(zhí)行code_block2。7．JavaScript程序流程控制另外有一點(diǎn)要說明的是，if語句是可以嵌套的，即在if語句的模塊中，還可以包含其它的if語句。例如：If(expr) { code_block1 if(expr1){code_block3} }else { code_block2 }②switch語句switch語句測(cè)試一個(gè)表達(dá)式并有條件的執(zhí)行一段語句，其語法格式如下：

switch(表達(dá)式){case值1：code_block1 break; case值2：code_block2 break; case值3：code_block3 break; … default：code_blockn

}switch語句首先計(jì)算表達(dá)式的值，然后根據(jù)表達(dá)式所計(jì)算出的值來選擇與之匹配的CASE后面的值，并執(zhí)行該CASE后面的語句，直到遇到了一個(gè)break語句為止，如果所計(jì)算出的值與任何一個(gè)CASE后面的值都不相符的話，則執(zhí)行default后的語句。下面舉例說明switch語句的用法：

<HTML><HEAD><TITLE>例9-3顯示</TITLE><SCRIPTLANGUAGE=javascript><!-- document.write("switch語名測(cè)試");

switch(14%3){ case0:sth="您好"; break; case1:sth="大家好"; break; default:sth="世界好"; break; }

document.write(sth);//--></SCRIPT></HEAD><BODY></BODY></HTML>（2）循環(huán)語句有許多時(shí)候，需要把一個(gè)語句塊重復(fù)執(zhí)行多次，每次執(zhí)行僅改變部分參數(shù)的值，這時(shí)可以使用循環(huán)語句，直到某一個(gè)條件不成立為止。

for語句

for語句用來產(chǎn)生一段程序循環(huán)，其語法格式如下：

for(init;test;incre) {

code_block }

這里init和incre是兩個(gè)語句，test是一個(gè)表達(dá)式。init語句只執(zhí)行一次，用來初始化循環(huán)變量。test表達(dá)式在每次循環(huán)后都要被計(jì)算一次，如果其運(yùn)算值為“假”，則循環(huán)中止并立即繼續(xù)執(zhí)行for語句之后的語句，否則執(zhí)行code_block語句塊，循環(huán)完成后執(zhí)行一次incre語句塊，循環(huán)完成后，執(zhí)行一次incre

語句。使用break語句可用來從循環(huán)中退出。For語句一般用在已知循環(huán)次數(shù)的場(chǎng)合，而且init、test、incre三個(gè)語句之間要用分號(hào)隔開。下面舉例說明for語句的用法：

<SCRIPTLANGUAGE=javascript>

varsum=0;

for(n=1;n<11;n++) { sum=sum+n

document.write(n,"SUM=",sum,"<br>"); }</SCRIPT>②

while語句對(duì)于有些程序，如果不知道其循環(huán)體要執(zhí)行多少次時(shí)，就不能使用for循環(huán)語句了。這時(shí)就可以考慮使用while語句，while語句也是產(chǎn)生一段程序循環(huán)，其語法格式如下：

while(expr){

code_block; }

這里，當(dāng)表達(dá)式expr為“真”時(shí)，code_block循環(huán)體被執(zhí)行，執(zhí)行完該循環(huán)體后，會(huì)再次判斷表達(dá)式expr的運(yùn)算結(jié)果是否為“True”，以決定是否再次執(zhí)行該循環(huán)體；如果expr開始時(shí)便為“假”，則語句塊code_block將一次也不會(huì)被執(zhí)行。使用break語句可從這個(gè)循環(huán)中退出。其實(shí)while語句非常好理解，只要知道“表達(dá)式為真則執(zhí)行循環(huán)體”即可。下面舉例說明while語句的用法。下面舉例說明while語句的用法：

<SCRIPTLANGUAGE=javascript><!--

var

i,sum; i=1; sum=0;

while(i<=10){ sum+=i;

document.write(i,"",sum,"<br>"); i++; }//--></SCRIPT>③

do…while語句

do…while語句與while語句所執(zhí)行的功能完全一樣，唯一的不同之處就是do…while語句不管條件是否成立，其循環(huán)體至少執(zhí)行一次，然后再去判斷表達(dá)式的取值是否為真。do…while語句的語法格式如下：

do{code_block }while(expr);

這里，無論表達(dá)式expr的值是否為“真”，code_block循環(huán)體都被執(zhí)行，即語句塊code_block至少執(zhí)行一次。另外，使用break語句可從循環(huán)中退出。下面舉一個(gè)例子，來說明其條件并不成立，但其循環(huán)體卻執(zhí)行一次。

下面舉例說明do…while語句的用法：

<SCRIPTLANGUAGE=javascript><!--

var

i,sum;i=1;sum=0;do{sum+=i;

document.write(i,"",sum*100,"<br>");

document.write("i小于10條件不成立,但本循環(huán)體卻執(zhí)行一次!");i++;}while(i>10)//--></SCRIPT>（3）轉(zhuǎn)移語句①

Break語句

Break語句的作用就是使程序跳出各種流程。它常常是用在異常情況下終止流程。在循環(huán)體中，可以使用多個(gè)Break語句，一個(gè)Break語句只會(huì)影響和它最近的循環(huán)。但是最好不要過多使用Break語句，否則程序運(yùn)行結(jié)果將難以預(yù)料。②

Continue語句有時(shí)，在循環(huán)體中，在某個(gè)特定的情況下，希望不再執(zhí)行下面的循環(huán)體，但是又不想退出循環(huán)，這時(shí)就要使用Continue語句。在for循環(huán)中，執(zhí)行到Continue語句后，程序立即跳轉(zhuǎn)到迭代部分，然后到達(dá)循環(huán)條件表達(dá)式，而對(duì)While循環(huán)，程序立即跳轉(zhuǎn)到循環(huán)條件表達(dá)式。8.3.3JavaScript中的函數(shù)把相關(guān)的語句組織在一起，并給它們標(biāo)注相應(yīng)的名稱，利用這種方法把程序分塊，這種形式的組合就稱為函數(shù)，往函數(shù)中傳遞信息的方法是用參數(shù)，有些函數(shù)不需要任何參數(shù)，有些函數(shù)可以帶多個(gè)參數(shù)。函數(shù)的定義方法如下所示：

Function函數(shù)名([參數(shù)][，參數(shù)]){

函數(shù)語句塊

} 1．JavaScript函數(shù)概述下面通過一個(gè)具體實(shí)例來看一下JavaScript中函數(shù)的定義和調(diào)用方法。其源代碼如下：

<HTML><HEAD><TITLE>一個(gè)JavaScripte程序測(cè)試

</TITLE><SCRIPTLANGUAGE=javascript><!--

functiontotal(i,j){

varsum; sum=i+j;

return(sum); }

document.write("調(diào)用這個(gè)函數(shù)total(100,20),結(jié)果為:",total(100,20))//--></SCRIPT></HEAD><BODY></BODY></HTML>在面向?qū)ο缶幊陶Z言中，函數(shù)一般是作為對(duì)象的方法來定義的。而有些函數(shù)由于其應(yīng)用的廣泛性，可以作為獨(dú)立的函數(shù)定義，還有一些函數(shù)根本無法歸屬于任何一個(gè)對(duì)象，這些函數(shù)是JavaScript腳本語言所固有的，并且沒有任何對(duì)象的相關(guān)性，這些函數(shù)就稱為內(nèi)部函數(shù)，由于篇幅限制不能一一講述，在此僅通過一個(gè)例子來說明。

IsNaN（變量），如果變量的值不是數(shù)值類型，則返回“True”，否則返回“False”。這個(gè)函數(shù)可以用來對(duì)用戶的輸入進(jìn)行判斷，看其輸入是否是數(shù)值類型。2．內(nèi)部函數(shù)下面通過一個(gè)例子來說明，當(dāng)用戶在瀏覽器的輸入對(duì)話框中輸入一個(gè)值，如果輸入的值不是數(shù)值類型時(shí)，則給用戶一個(gè)提示，當(dāng)用戶輸入的值是數(shù)字型時(shí)，也同樣給出一個(gè)提示。這個(gè)例子的源代碼如下：

<SCRIPTLANGUAGE=javascript><!--var

str;str=prompt("請(qǐng)你輸入一個(gè)值,如3.14","");if(isNaN(str)){

document.write("唉?受不了您,有例子都輸不對(duì)!!!");}else{document.write("您真棒,輸入正確(數(shù)值類型)!!!");}//--></SCRIPT>在JavaScript中，可以定義自己的函數(shù)。下面舉例說明，其在瀏覽器中的顯示結(jié)果如圖8-37所示。3.用戶自定義函數(shù)

＜HTML＞＜HEAD＞＜TITLE＞Thisisafunction'stest＜/TITLE＞＜SCRIPTLANGUAGE="JavaScript"＞

functionsquare(i){document.write("Thecallpassed",i,"tothesquarefunction.","<BR>")returni*i}document.write("Thefunctionre-turned",”<BR>”)document.write(square(8))

＜/SCRIPT＞＜/HEAD＞＜BODY＞＜BR＞

Alldone.＜/BODY＞＜/HTML＞8.2.4JavaScript的事件

JavaScript語言是一個(gè)事件驅(qū)動(dòng)的編程語言。事件是腳本處理響應(yīng)用戶動(dòng)作的唯一途徑，它利用了瀏覽器對(duì)用戶輸入的判斷能力，通過建立事件與腳本的一一對(duì)應(yīng)關(guān)系，把用戶輸入狀態(tài)的改變準(zhǔn)確地傳給腳本，并予以處理，然后把結(jié)果反饋給用戶，這樣就實(shí)現(xiàn)了一個(gè)周期的交互過程。

JavaScript對(duì)事件的處理分為定義事件和編寫事件腳本兩個(gè)階段，可以定義的事件類型幾乎影響到HTML的每一個(gè)元素，例如：瀏覽器窗口、窗體文檔、圖形、鏈接等。下面給出表8-7列出事件類型和它們的說明：1．JavaScript事件事件名稱事件說明Abort用戶中斷圖形裝載Blur元素失去焦點(diǎn)Change元素內(nèi)容發(fā)生改變，如文本域中的文本和選擇框的狀態(tài)Click點(diǎn)擊鼠標(biāo)按鈕或鍵盤按鍵Dragdrop瀏覽器外的物體被拖到瀏覽器中Error元素裝載發(fā)生錯(cuò)誤Focus元素得到焦點(diǎn)Keydown用戶按下一個(gè)鍵Keypress用戶按住一個(gè)鍵不放Keyup用戶將按下的鍵抬起Load元素裝載Mousemove鼠標(biāo)移動(dòng)Mouseover鼠標(biāo)移過元素上方Mouseout鼠標(biāo)從元素上方移開Mousedown鼠標(biāo)按鍵按下Mouseup鼠標(biāo)按鍵抬起Move幀或者窗體移動(dòng)Reset表單內(nèi)容復(fù)位Resize元素大小屬性發(fā)生改變Submit表單提交Select元素內(nèi)容發(fā)生改變，如文本域中的文本和下拉選單中的選項(xiàng)Unload元素卸載

接下來要為這些事件編寫處理的函數(shù)，這些函數(shù)就是腳本函數(shù)。這些腳本函數(shù)包含在<Script>和</Script>標(biāo)記之間。下面通過一個(gè)腳本實(shí)例，看看它是如何工作的。這個(gè)例子的功能是建立一個(gè)按鈕，當(dāng)單擊按鈕后彈出一個(gè)對(duì)話框，對(duì)話窗中顯示“XX，久仰大名,請(qǐng)多多關(guān)照”。其源代碼如下所示。2．為事件編寫腳本<HTML><HEAD><TITLE>一個(gè)JavaScripte程序測(cè)試</TITLE><SCRIPTLANGUAGE=javascript>functionkkk(){do{username=prompt("請(qǐng)問您是何方神圣,報(bào)上名來","");}while(username=="")

document.write(username,",久仰大名,請(qǐng)多多關(guān)照.");}</SCRIPT></HEAD><BODY><INPUTtype="button"value=你敢碰我嗎?name=button1onclick="kkk()"></BODY></HTML>8.2.5JavaScript中的對(duì)象面向?qū)ο蟮南到y(tǒng)包含三個(gè)要素：對(duì)象、類、繼承。JavaScript語言是一種基于對(duì)象的語言，它不能算是一個(gè)面向?qū)ο蟮恼Z言，因?yàn)樗恢С诸惡屠^承。下面來介紹一下對(duì)象的概念。對(duì)象：從概念級(jí)上說，表示客觀世界的客體，任何實(shí)物都可以被稱為對(duì)象；從物理實(shí)現(xiàn)說：一個(gè)對(duì)象是一個(gè)狀態(tài)和一系列可被外部調(diào)用的操作方法的一個(gè)封裝體，即指的是狀態(tài)和操作的組合，狀態(tài)通過一組屬性來確定，而操作通過一組方法來確定。例如：我們以一個(gè)飲料機(jī)為例來說明封裝對(duì)象的概念。一臺(tái)飲料機(jī)可以被認(rèn)為是封裝的，因?yàn)樗墓δ鼙幻芊庠谝粋€(gè)金屬盒子內(nèi)。它有兩個(gè)方法：制一杯水；制一杯咖啡；這個(gè)對(duì)象的狀態(tài)由剩余的茶葉量、咖啡量、牛奶量、糖量和水量等屬性給出。與這個(gè)對(duì)象的接口是由盒子前分別標(biāo)以“咖啡”和“茶”的兩個(gè)按鈕提供，這兩個(gè)按鈕提供用戶能夠執(zhí)行這個(gè)對(duì)象的方法。1．基本概念

與一個(gè)對(duì)象的操作接口被限制在僅是用戶需要的上面，而方法的實(shí)現(xiàn)，外部是不可見的，也就是說，具有了信息隱藏，這是封裝的主要目的，它阻止非法的訪問，因?yàn)榻饘俸凶柚惯@臺(tái)機(jī)器的用戶（當(dāng)然這個(gè)用戶從末研究過飲料機(jī)這種復(fù)雜難懂的機(jī)器）改動(dòng)這臺(tái)機(jī)器。操作接口的另一個(gè)很重要的方面是，它提供了一個(gè)對(duì)象的行為視圖，即所知道的僅是這個(gè)對(duì)象提供了某種功能，除此之外，對(duì)其它細(xì)節(jié)一無所知。在處理某個(gè)復(fù)雜的問題時(shí)，這一點(diǎn)是很重

人人文庫> 全部分類> 教育資料 > 課件下載

溫馨提示

1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

網(wǎng)頁的簡單制作

文檔簡介

溫馨提示

最新文檔

評(píng)論

網(wǎng)頁的簡單制作

文檔簡介

溫馨提示

最新文檔

評(píng)論

相關(guān)文檔