網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言及應(yīng)用方式的探究

1、畢業(yè)論文題目 網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言及應(yīng)用方式的探究目錄第一章緒論11.1 網(wǎng)頁(yè)設(shè)計(jì)概述11.2 網(wǎng)頁(yè)設(shè)計(jì)的要素11.3 本論文工作2第二章網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言概述32.1 HTML語(yǔ)言介紹42.2 常用的 HTML語(yǔ)言編輯軟件42.3 本章小結(jié)5第三章基于對(duì)象的 JAVASCRIPT語(yǔ)言63.1 對(duì)象的基礎(chǔ)知識(shí)73.2 常用對(duì)象的屬性和方法83.3 本章小結(jié)9第四章 內(nèi)部對(duì)象系統(tǒng)的使用 .94.1瀏覽器對(duì)象層次及其主要作用 .94.2文檔對(duì)象功能及其作用 .94.3內(nèi)部對(duì)象系統(tǒng)實(shí)例 .104.4本章小結(jié) .11第五章 WEB 頁(yè)面信息的交互窗體與框架 .125.1窗體基礎(chǔ)知識(shí) .125.2窗體中的基本元素 .

2、125.3窗體對(duì)象實(shí)例 .135.4框架 .145.5框架的訪問(wèn) .155.6本章小結(jié) .16六章 總結(jié) .17結(jié)論.17參考文獻(xiàn) .17致謝.181摘要本論文主要章節(jié)如下，第一章：緒論，本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)。第二章：網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言概述， 本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的語(yǔ)言HTML，以及用于編輯 HTML語(yǔ)言的軟件，為后續(xù)工作奠定基礎(chǔ)。第三章：基于對(duì)象的JavaScript語(yǔ)言，本章介紹了基于對(duì)象的 JavaScript 中常用內(nèi)部對(duì)象屬性、方法的使用。第四章：內(nèi)部對(duì)象系統(tǒng)的使用， 本章主要介紹使用瀏覽器的內(nèi)部對(duì)象系統(tǒng)， 可實(shí)現(xiàn)與 HTML文檔進(jìn)行交互。第五章： WEB頁(yè)面信息的交互窗體與框架

3、，本章主要介紹實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)交互，必須掌握有關(guān)窗體對(duì)象（Form）和框架對(duì)象（ Frames）更為復(fù)雜的知識(shí)。關(guān)鍵詞 ：網(wǎng)頁(yè)設(shè)計(jì)； ASP.net 語(yǔ)言； HTML語(yǔ)言。第一章緒論隨著 21 世紀(jì)的到來(lái)，人們更深切地感受到計(jì)算機(jī)在生活和工作中的作用越來(lái)越重要，越來(lái)越來(lái)的職業(yè)需要具有計(jì)算機(jī)的應(yīng)用技能。 掌握計(jì)算機(jī)是職業(yè)的需2要，更是事業(yè)發(fā)展的需要。 網(wǎng)頁(yè)設(shè)計(jì)與制作是計(jì)算機(jī)能力的具體表現(xiàn)， 本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)。1.1網(wǎng)頁(yè)設(shè)計(jì)概述網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息 ( 包括產(chǎn)品和服務(wù) ) 的一種方式 , 是企業(yè)開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，離開(kāi)網(wǎng)站 （或者只是利用第三方網(wǎng)站） 去談電子商

4、務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)” ，也是企業(yè)無(wú)形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。1.2網(wǎng)頁(yè)設(shè)計(jì)的要素網(wǎng)頁(yè)設(shè)計(jì)的兩大要素是：整體風(fēng)格和色彩搭配。一、確定網(wǎng)站的整體風(fēng)格在這里，我提供給大家一些參考經(jīng)驗(yàn)：1將你的標(biāo)志 logo ，盡可能的放在每個(gè)頁(yè)面上最突出的位置。2突出你的標(biāo)準(zhǔn)色彩。3總結(jié)一句能反映貴站精髓的宣傳標(biāo)語(yǔ)！4相同類(lèi)型的圖像采用相同效果，比如說(shuō)標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！二、網(wǎng)頁(yè)色彩的搭配1用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，

5、有層次感。2用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。3用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。4. 在網(wǎng)頁(yè)配色中，還要切記一些誤區(qū)：1不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。2背景和前文的對(duì)比盡量要大( 絕對(duì)不要用花紋繁復(fù)的圖案作背景) ，以便突出主要文字內(nèi)容。1.3本論文工作本論文主要是對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的語(yǔ)言基礎(chǔ)上進(jìn)行探討，主要內(nèi)容如下：第一章：緒論本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)。第二章：網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言概述本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的語(yǔ)言 HTML，以及用于編輯 HTML語(yǔ)言的軟件，為后續(xù)工作奠定基礎(chǔ)。3第三章：基于對(duì)象的JavaScr

6、ipt語(yǔ)言本章介紹了基于對(duì)象的JavaScript中常用內(nèi)部對(duì)象屬性、方法的使用。第四章：內(nèi)部對(duì)象系統(tǒng)的使用本章主要介紹使用瀏覽器的內(nèi)部對(duì)象系統(tǒng)，可實(shí)現(xiàn)與 HTML文檔進(jìn)行交互。它的作用是將相關(guān)元素組織包裝起來(lái)， 提供給程序設(shè)計(jì)人員使用， 從而減輕編程人的勞動(dòng)，提高設(shè)計(jì) Web頁(yè)面的能力。第五章： WEB頁(yè)面信息的交互窗體與框架本章主要介紹實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)交互，必須掌握有關(guān)窗體對(duì)象（ Form）和框架對(duì)象（ Frames）更為復(fù)雜的知識(shí)。第六章：總結(jié)4第二章網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言概述2.1HTML語(yǔ)言介紹HTML（ HyperText Mark-up Language）即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言

7、，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。HTML文本是由 HTML命令組成的描述性文本， HTML命令可以說(shuō)明文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。 HTML的結(jié)構(gòu)包括頭部（ Head）、主體（ Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容。語(yǔ)言的特點(diǎn)HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是 WWW盛行的原因之一， HTML語(yǔ)言的特點(diǎn)如下：1、簡(jiǎn)易性， HTML版本升級(jí)采用超集方式，從而更加靈活方便。2、可擴(kuò)展性， HTML語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，HTML采取子類(lèi)元素的方式，為系

8、統(tǒng)擴(kuò)展帶來(lái)保證。3、平臺(tái)無(wú)關(guān)性。雖然 PC機(jī)大行其道，但使用 MAC等其他機(jī)器的大有人在，HTML可以使用在廣泛的平臺(tái)上，這也是 WWW盛行的另一個(gè)原因。語(yǔ)言的編輯軟件HTML的本質(zhì)是文本， 需要瀏覽器的解釋?zhuān)?HTML的編輯器大體可以分為三種：1、基本編輯軟件，使用 WINDOWS自帶的記事本或?qū)懽职娑伎梢跃帉?xiě)，當(dāng)然，如果你用 WPS來(lái)編寫(xiě)，也可以。不過(guò)存盤(pán)時(shí)請(qǐng)使用 .htm 或.html 作為擴(kuò)展名， 這樣瀏覽器就可以解釋執(zhí)行了。2、半所見(jiàn)即所得軟件，這種軟件能大大提高開(kāi)發(fā)效率，它可以使你在很短的時(shí)間內(nèi)做出 Homepage，且可以學(xué)習(xí) HTML，這種類(lèi)型的軟件主要有 HOTDOG，還有國(guó)

9、產(chǎn)的軟件網(wǎng)頁(yè)作坊。3、所見(jiàn)即所得軟件，使用最廣泛的編輯器，完全可以一點(diǎn)不懂 HTML的知識(shí)就可以做出網(wǎng)頁(yè)，這類(lèi)軟件主要有 Frontpage ，DREAMWEAVER、Delphi 、Eclipse 、 UltraEdit。4、一個(gè) HTML文件由一個(gè) HTML元素組成，即文件以 <HTML>開(kāi)始。以</HTML>結(jié)束，文檔中其他元素及其屬性的聲明都是 HTML的元素體。HTML元素的元素體和元素體由兩大部分組成，即頭元素<head>,</head> 和體元素 <body>,</body> 。頭元素和體元素的元素體又由2其

10、他元素、文本和注釋等組成。一個(gè)標(biāo)準(zhǔn)的 HTML文件應(yīng)該具備如下結(jié)構(gòu)：<HTML> 標(biāo)記一個(gè) HTML文件的開(kāi)始<HEAD> HTML文件的文件頭部分開(kāi)始, 文件頭部分內(nèi)容</HEAD> HTML文件的文件頭部分結(jié)束<BODY> HTML文件的文件體部分開(kāi)始, 文件體</BODY>HTML文件的文件部分結(jié)束</HTML>標(biāo)記該 HTML文件結(jié)束有些元素只能出現(xiàn)在頭元素中，如 meta、title等元素，而大多數(shù)的元素只能出現(xiàn)在體元素中。在頭元素中的元素表示的是該 HTML文件的一般信息，比如該文件的標(biāo)題、來(lái)源、作者、版本、字

11、符集和關(guān)鍵字等，這些元素與書(shū)寫(xiě)的順序無(wú)關(guān)，它們只是表明該 HTML文件的屬性值。但出現(xiàn)在元素體中的元素則是要注意書(shū)寫(xiě)順序的，改變了它們的書(shū)寫(xiě)順序就會(huì)改變 HTML文件在瀏覽器上輸出的形式。2.2常用的 HTML語(yǔ)言編輯軟件Dreamweaver是美國(guó) Adobe(原 Macromedia，2005 年被 Adobe 收購(gòu) ) 公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。它不僅是優(yōu)秀的WYSIWYG編輯器，更是優(yōu)秀的代碼編輯器，有代碼加亮，代碼提示等豐

12、富功能，提供各種示例代碼，并支持 Javascript,PHP,ASP,JSP 等多種腳本語(yǔ)言。最新版本為 CS4，發(fā)布于 2008 年 9 月。ASP技術(shù)是 Microsoft 公司開(kāi)發(fā)的一套全新的服務(wù)器端腳本程序環(huán)境。它可以根據(jù)客戶端的不同請(qǐng)求， 在服務(wù)器端經(jīng)過(guò)相應(yīng)的 ASP程序處理生成不同的靜態(tài)HTML頁(yè)面并穿回給瀏覽器。 ASP自身有很多優(yōu)點(diǎn)， 這些優(yōu)點(diǎn)使它成為了當(dāng)今世界網(wǎng)絡(luò)上應(yīng)用最多的腳本設(shè)計(jì)環(huán)境。1、什么是 ASPASP的全稱是 Active Server Pages, 中文名稱叫做動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)，其功能在于可以使用它來(lái)開(kāi)發(fā)運(yùn)行在 Windows服務(wù)器平臺(tái)上的動(dòng)態(tài)網(wǎng)頁(yè)和網(wǎng)頁(yè)。 盡管

13、我3們常把“ ASP腳本”掛在嘴邊，但 ASP既不是一種編程語(yǔ)言，也不是開(kāi)發(fā)工具軟件，同樣也不是一種應(yīng)用程序，它實(shí)際上是一種開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。2、ASP的腳本語(yǔ)言ASP的腳本語(yǔ)言可以是 VBScript 或者 Jscript ，也可以是兩者的結(jié)合， 所以任何一種文本編輯器都能編輯 ASP腳本，當(dāng)然不同的編輯器開(kāi)發(fā)調(diào)試效率是不一樣的。和通常的 VBScript 和 Jscript 應(yīng)用程序不同， ASP所有的程序都是在服務(wù)器端運(yùn)行的， 而不是在瀏覽器或者客戶端執(zhí)行的， 這樣用戶就不必?fù)?dān)心自己的瀏覽器能否運(yùn)行所編寫(xiě)的 ASP代碼了。程序執(zhí)行完畢， 服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶端瀏覽器， 這樣即

14、使客戶端的瀏覽器不支持 VBScript 或 Jscript ，但是仍然可以瀏覽動(dòng)態(tài)的網(wǎng)頁(yè)。VBScript 是 IIS 默認(rèn)的腳本語(yǔ)言， 當(dāng)然可以在 IIS 中更改默認(rèn)的腳本語(yǔ)言。 如果改成 Jscript ，那么默認(rèn)的腳本語(yǔ)言就是 Jscript 。因?yàn)?VBScript 在屬性和方法上的靈活表現(xiàn)方式更適合作為服務(wù)器的腳本，所以推薦大家用 VBScript 作為ASP的默認(rèn)腳本語(yǔ)言。3、ASP的運(yùn)行環(huán)境由于 ASP是一種服務(wù)器的腳本語(yǔ)言， 所以并不是所有的 Web服務(wù)器都具有這個(gè)功能。 ASP是由 Microsoft 公司推出的，當(dāng)然在目前頁(yè)只有 Microsoft 公司推出的服務(wù)器能實(shí)現(xiàn)

15、 ASP的強(qiáng)大功能，其他的一些服務(wù)器在安裝了 ASP組件后才能實(shí)現(xiàn)這個(gè)功能。Microsoft公司推出的支持ASP的 Web服務(wù)器有以下幾個(gè)：Microsoft Internet Information Server version (IIS);Microsoft Peer Web Server;Microsoft Personal WebServer (PWS);其中前兩個(gè)主要是為 Microsoft 公司的 WindownsNT /2000 /XP 系統(tǒng)開(kāi)發(fā)的，當(dāng)然它們的功能以及穩(wěn)定性都要強(qiáng)很多。 目前大型的站點(diǎn)大多是有 IIS 作為服務(wù)器，而 PWS是為一般的 PC用戶開(kāi)發(fā)的。既然 AS

16、P是在服務(wù)器端執(zhí)行的，因此訪問(wèn)這些以.asp 為后綴的文件時(shí)，就不能使用實(shí)際的物理路徑， 而只能用虛擬路徑。 使用虛擬路徑訪問(wèn)ASP最簡(jiǎn)單的方法就是將ASP 文件拷貝到IIS的安裝目錄中( 默認(rèn)的安裝目錄為C：Inetpubwwwroot),然后就可以通過(guò)IE 瀏覽器直接訪問(wèn)了。訪問(wèn)文件名為 “index.asp ”的 ASP文件，如果在 IE 瀏覽器中用物理路徑訪問(wèn)，本來(lái)期望的結(jié)果是不會(huì)出現(xiàn)的，瀏覽器只會(huì)顯示普通的HTML頁(yè)面。為此應(yīng)該將“ index.asp ”文件拷貝到服務(wù)器目錄下，然后通過(guò)虛擬路徑來(lái)訪問(wèn)該頁(yè)面。如果程序沒(méi)有錯(cuò)的話即可看到預(yù)期的效果。4、ASP的工作原理4通過(guò)上述介紹，

17、大家應(yīng)該了解到一個(gè) ASP頁(yè)面從服務(wù)器端傳送到客戶端的原理與一般靜態(tài) HTML頁(yè)面是不同的。從客戶端的一URL 請(qǐng)求到服務(wù)器反饋一個(gè)頁(yè)面給瀏覽器，其大致的流程如下：(1) 用戶在客戶端瀏覽器中輸入一個(gè)網(wǎng)址，與服務(wù)器建立連接。(2) 服務(wù)器根據(jù)用戶請(qǐng)求的網(wǎng)址在硬盤(pán)上找到相應(yīng)的文件。(3) 如果文件是普通的 HTML文檔，那么服務(wù)器將直接把該文件傳送到客戶端。(4) 如果文件是服務(wù)器腳本， 那么服務(wù)器將運(yùn)行這個(gè)文件。 如果需要查詢數(shù)據(jù)庫(kù)，則通過(guò) ADO組件連接 ODBC或 DSN數(shù)據(jù)源訪問(wèn)數(shù)據(jù)庫(kù)。進(jìn)行了一系列的運(yùn)算和解釋后，將最終結(jié)果形成一個(gè)純 HTML文檔。(5) 把這個(gè)文檔傳送到客戶端。(6)

18、 結(jié)束這次連接。由于最后傳送給客戶端的是一個(gè)純 HTML文本文件，因此用戶在瀏覽器上是看不到 ASP文件的源代碼的。5、ASP的開(kāi)發(fā)工具使用 ASP進(jìn)行網(wǎng)路編程，選擇一個(gè)合適的開(kāi)發(fā)工具是很重要的。 ASP對(duì)開(kāi)發(fā)工具沒(méi)有特殊的要求， 只要具有文本編輯器功能的工具均可。 因此 ASP的開(kāi)發(fā)工具很多，比較好的由 Visual Interdev 、 Dreamweaver等。Dreamweaver是一個(gè)集成的 Web應(yīng)用軟件開(kāi)發(fā)系統(tǒng)，包括開(kāi)發(fā)、發(fā)行以及管理數(shù)據(jù)庫(kù)驅(qū)動(dòng)的 Web 應(yīng)用軟件所需的所有的功能，所以一般情況下推薦使用Dreamweaver。一、 JavaScript概述JavaScript是一

19、種基于對(duì)象 (Object)和事件驅(qū)動(dòng) (Event Driven)并具有安全性能的腳本語(yǔ)言。使用它的目的是與HTML超文本標(biāo)記語(yǔ)言、 Java 腳本語(yǔ)言（ Java 小程序）一起實(shí)現(xiàn)在一個(gè) Web頁(yè)面中鏈接多個(gè)對(duì)象，與 Web客戶交互作用。從而可以開(kāi)發(fā)客戶端的應(yīng)用程序等。它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的 HTML語(yǔ)言中實(shí)現(xiàn)的。 它的出現(xiàn)彌補(bǔ)了 HTML語(yǔ)言的缺陷， 它是 Java 與 HTML折衷的選擇，具有以下幾個(gè)基本特點(diǎn)：1、是一種腳本編寫(xiě)語(yǔ)言JavaScript 是一種腳本語(yǔ)言，它采用小程序段的方式實(shí)現(xiàn)編程。像其它腳本語(yǔ)言一樣 ,JavaScript 同樣已是一種解釋性語(yǔ)言 , 它提供了一個(gè)

20、易的開(kāi)發(fā)過(guò)程。它的基本結(jié)構(gòu)形式與 C、C+、VB、Delphi 十分類(lèi)似。但它不像這些語(yǔ)言一5樣，需要先編譯，而是在程序運(yùn)行過(guò)程中被逐行地解釋。它與 HTML標(biāo)識(shí)結(jié)合在一起，從而方便用戶的使用操作。2、基于對(duì)象的語(yǔ)言。JavaScript 是一種基于對(duì)象的語(yǔ)言，同時(shí)以可以看作一種面向?qū)ο蟮?。這意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對(duì)象。 因此，許多功能可以來(lái)自于腳本環(huán)境中對(duì)象的方法與腳本的相互作用。3、簡(jiǎn)單性JavaScript 的簡(jiǎn)單性主要體現(xiàn)在：首先它是一種基于 Java 基本語(yǔ)句和控制流之上的簡(jiǎn)單而緊湊的設(shè)計(jì) , 從而對(duì)于學(xué)習(xí) Java 是一種非常好的過(guò)渡。其次它的變量類(lèi)型是采用弱類(lèi)型，并未使用嚴(yán)

21、格的數(shù)據(jù)類(lèi)型。4、安全性JavaScript 是一種安全性語(yǔ)言，它不允許訪問(wèn)本地的硬盤(pán)，并不能將數(shù)據(jù)存入到服務(wù)器上， 不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除， 只能通過(guò)瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。5、動(dòng)態(tài)性的JavaScript是動(dòng)態(tài)的，它可以直接對(duì)用戶或客戶輸入做出響應(yīng)，無(wú)須經(jīng)過(guò)Web服務(wù)程序。它對(duì)用戶的反映響應(yīng)，是采用以事件驅(qū)動(dòng)的方式進(jìn)行的。所謂事件驅(qū)動(dòng)，就是指在主頁(yè) (HomePage)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作， 就稱為“事件” (Event) 。比如按下鼠標(biāo)、移動(dòng)窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會(huì)引起相應(yīng)的事件響應(yīng)。6、跨平臺(tái)性JavaScri

22、pt是依賴于瀏覽器本身，與操作環(huán)境無(wú)關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持JavaScript的瀏覽器就可正確執(zhí)行。從而實(shí)現(xiàn)了“編寫(xiě)一次,走遍天下”的夢(mèng)想。實(shí)際上 JavaScript最杰出之處在于可以用很小的程序做大量的事。無(wú)須有高性能的電腦，軟件僅需一個(gè)字處理軟件及一瀏覽器，無(wú)須WEB服務(wù)器通道， 通過(guò)自己的電腦即可完成所有的事情?？傊?， JavaScript是一種新的描述語(yǔ)言，它可以被箝入到HTML 的文件之中。 JavaScript語(yǔ)言可以做到回應(yīng)使用者的需求事件( 如：form 的輸入 ) ，而不用任何的網(wǎng)路來(lái)回傳輸資料，所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過(guò)傳給伺服端 (serv

23、er)處理，再傳回來(lái)的過(guò)程，而直接可以被客戶端(client)的應(yīng)用程式所處理。JavaScript和Java很 類(lèi) 似， 但到 底并 不一 樣 ！Java是 一 種比JavaScript更復(fù)雜許多的程式語(yǔ)言， 而 JavaScript則是相當(dāng)容易了解的語(yǔ)言。JavaScript創(chuàng)作者可以不那麼注重程式技巧，所以許多Java的特性在 Java6Script中并不支援。二、 JavaScript 和 Java 的區(qū)別雖然 JavaScript 與 Java 有緊密的聯(lián)系，但卻是兩個(gè)公司開(kāi)發(fā)的不同的兩個(gè)產(chǎn)品。 Java 是 SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言，特別適合于 Internet

24、 應(yīng)用程序開(kāi)發(fā)；而 JavaScript 是 Netscape 公司的產(chǎn)品，其目的是為了擴(kuò)展 Netscape Navigator 功能 , 而開(kāi)發(fā)的一種可以嵌入 Web頁(yè)面中的基于對(duì)象和事件驅(qū)動(dòng)的解釋性語(yǔ)言,它的前身是 Live Script；而 Java 的前身是 Oak 語(yǔ)言。下面對(duì)兩種語(yǔ)言間的異同作如下比較：1、基于對(duì)象和面向?qū)ο驤ava 是一種真正的面向?qū)ο蟮恼Z(yǔ)言，即使是開(kāi)發(fā)簡(jiǎn)單的程序，必須設(shè)計(jì)對(duì)象。JavaScript是種腳本語(yǔ)言，它可以用來(lái)制作與網(wǎng)絡(luò)無(wú)關(guān)的，與用戶交互作用的復(fù)雜軟件。它是一種基于對(duì)象（ Object Based）和事件驅(qū)動(dòng)（ Event Driver ）的編程語(yǔ)言

25、。因而它本身提供了非常豐富的內(nèi)部對(duì)象供設(shè)計(jì)人員使用。2、解釋和編譯兩種語(yǔ)言在其瀏覽器中所執(zhí)行的方式不一樣。 Java 的源代碼在傳遞到客戶端執(zhí)行之前， 必須經(jīng)過(guò)編譯， 因而客戶端上必須具有相應(yīng)平臺(tái)上的仿真器或解釋器，它可以通過(guò)編譯器或解釋器實(shí)現(xiàn)獨(dú)立于某個(gè)特定的平臺(tái)編譯代碼的束縛。JavaScript是一種解釋性編程語(yǔ)言，其源代碼在發(fā)往客戶端執(zhí)行之前不需經(jīng)過(guò)編譯，而是將文本格式的字符代碼發(fā)送給客戶編由瀏覽器解釋執(zhí)行。3、強(qiáng)變量和弱變量?jī)煞N語(yǔ)言所采取的變量是不一樣的。Java 采用強(qiáng)類(lèi)型變量檢查，即所有變量在編譯之前必須作聲明。如:Integer x;String y;x=1234;x=4321;

26、其中 X=1234說(shuō)明是一個(gè)整數(shù)， Y=4321說(shuō)明是一個(gè)字符串。JavaScript 中變量聲明，采用其弱類(lèi)型。即變量在使用前不需作聲明，而是解釋器在運(yùn)行時(shí)檢查其數(shù)據(jù)類(lèi)型，如：x=1234;y"4321"前者說(shuō)明 x 為其數(shù)值型變量，而后者說(shuō)明y 為字符型變量。72.3 本章小結(jié)本講介紹了基于對(duì)象的 JavaScript 是一種基于對(duì)象 (Object) 和事件驅(qū)動(dòng) (Event Driven) 并具有安全性能的腳本語(yǔ)言。第三章基于對(duì)象的 JavaScript語(yǔ)言JavaScript語(yǔ)言是 基于對(duì)象的（ Object-Based ），而不是面 向?qū)ο蟮模?object-o

27、riented ）。之所以說(shuō)它是一門(mén)基于對(duì)象的語(yǔ)言， 主要是因?yàn)樗鼪](méi)有提供象抽象、繼承、 重載等有關(guān)面向?qū)ο笳Z(yǔ)言的許多功能。 而是把其它語(yǔ)言所創(chuàng)建的復(fù)雜對(duì)象統(tǒng)一起來(lái)，從而形成一個(gè)非常強(qiáng)大的對(duì)象系統(tǒng)。雖然 JavaScript 語(yǔ)言是一門(mén)基于對(duì)象的，但它還是具有一些面向?qū)ο蟮幕咎卣?。它可以根?jù)需要?jiǎng)?chuàng)建自己的對(duì)象，從而進(jìn)一步擴(kuò)大 JavaScript 的應(yīng)用范圍，增強(qiáng)編寫(xiě)功能強(qiáng)大的 Web文檔。3.1對(duì)象的基礎(chǔ)知識(shí)對(duì)象的基本結(jié)構(gòu)JavaScript 中的對(duì)象是由屬性 (properties) 和方法 (methods) 兩個(gè)基本的元素的構(gòu)成的。前者是對(duì)象在實(shí)施其所需要行為的過(guò)程中，實(shí)現(xiàn)信息的裝載

28、單位，從而與變量相關(guān)聯(lián)； 后者是指對(duì)象能夠按照設(shè)計(jì)者的意圖而被執(zhí)行， 從而與特定的函數(shù)相聯(lián)。引用對(duì)象的途徑一個(gè)對(duì)象要真正地被使用，可采用以下幾種方式獲得：（1）引用 JavaScript內(nèi)部對(duì)象；（2）由瀏覽器環(huán)境中提供；（3）創(chuàng)建新對(duì)象。這就是說(shuō)一個(gè)對(duì)象在被引用之前， 這個(gè)對(duì)象必須存在，否則引用將毫無(wú)意義，而出現(xiàn)錯(cuò)誤信息。從上面中我們可以看出 JavaScript 引用對(duì)象可通過(guò)三種方式獲取。要么創(chuàng)建新的對(duì)象，要么利用現(xiàn)存的對(duì)象。有關(guān)對(duì)象操作語(yǔ)句JavaScript不是一純面向?qū)ο蟮恼Z(yǔ)言，它設(shè)有提供面向?qū)ο笳Z(yǔ)言的許多功8能，因此 JavaScript設(shè)計(jì)者之所以把它你“基于對(duì)象”而不是面向?qū)?/p>

29、象的語(yǔ)言，在 JavaScript 中提供了幾個(gè)用于操作對(duì)象的語(yǔ)句和關(guān)鍵字及運(yùn)算符。（1）、 For.in 語(yǔ)句格式如下：For （對(duì)象屬性名 in 已知對(duì)象名）說(shuō)明：該語(yǔ)句的功能是用于對(duì)已知對(duì)象的所有屬性進(jìn)行操作的控制循環(huán)。 它是將一個(gè)已知對(duì)象的所有屬性反復(fù)置給一個(gè)變量；而不是使用計(jì)數(shù)器來(lái)實(shí)現(xiàn)的。該語(yǔ)句的優(yōu)點(diǎn)就是無(wú)需知道對(duì)象中屬性的個(gè)數(shù)即可進(jìn)行操作。例：下列函數(shù)是顯示數(shù)組中的內(nèi)容：Function showData(object)for (var X=0; X<30;X+)document.write(objecti)；該函數(shù)是通過(guò)數(shù)組下標(biāo)順序值，來(lái)訪問(wèn)每個(gè)對(duì)象的屬性， 使用這種方式首

30、先必須知道數(shù)組的下標(biāo)值，否則若超出范圍，則就會(huì)發(fā)生錯(cuò)誤。而使For.in語(yǔ)句，則根本不需要知道對(duì)象屬性的個(gè)數(shù)，見(jiàn)下：Function showData(object)for(var prop in object)document.write(objectprop)；使用該函數(shù)時(shí)，在循環(huán)體中，F(xiàn)or 自動(dòng)將的屬性取出來(lái)，直到最后為此。（2）with 語(yǔ)句使用該語(yǔ)句的意思是： 在該語(yǔ)句體內(nèi)， 任何對(duì)變量的引用被認(rèn)為是這個(gè)對(duì)象的屬性，以節(jié)省一些代碼。with object.所有在 with 語(yǔ)句后的花括號(hào)中的語(yǔ)句， 都是在后面 object 對(duì)象的作用域的。（3）this關(guān)鍵字this 是對(duì)當(dāng)前的引

31、用，在 JavaScript 由于對(duì)象的引用是多層次， 多方位的，往往一個(gè)對(duì)象的引用又需要對(duì)另一個(gè)對(duì)象的引用， 而另一個(gè)對(duì)象有可能又要引用另一個(gè)對(duì)象，這樣有可能造成混亂，最后自己已不知道現(xiàn)在引用的那一個(gè)對(duì)象，為此 JavaScript提供了一個(gè)用于將對(duì)象指定當(dāng)前對(duì)象的語(yǔ)句this 。（4）New運(yùn)算符雖然在 JavaScript中對(duì)象的功能已經(jīng)是非常強(qiáng)大的了。但更強(qiáng)大的是設(shè)計(jì)人員可以按照需求來(lái)創(chuàng)建自己的對(duì)象，以滿足某一特定的要求。 使用 New運(yùn)算符可以創(chuàng)建一個(gè)新的對(duì)象。其創(chuàng)建對(duì)象使用如下格式：9Newobject=NEW Object(Parameters table);其中 Newobje

32、ct 創(chuàng)建的新對(duì)象： object是已經(jīng)存在的對(duì)象；parameterstable參數(shù)表； new是 JavaScript中的命令語(yǔ)句。如創(chuàng)建一個(gè)日期新對(duì)象newData=New Data()birthday=New Data (December 12.1998)之后就可使 NewData、 birthday作為一個(gè)新的日期對(duì)象了。對(duì)象屬性的引用對(duì)象屬性的引用可由下列三種方式之一實(shí)現(xiàn)：（1）使用點(diǎn)（ . ）運(yùn)算符university.Name=“云南省”university.city=“昆明市”university.Date="1999"其中 university 是一個(gè)已

33、經(jīng)存在的對(duì)象， Name、City 、Date 是它的三個(gè)屬性，并通過(guò)操作對(duì)其賦值。（2）通過(guò)對(duì)象的下標(biāo)實(shí)現(xiàn)引用university0=“云南”university1=“昆明市”university2="1999"通過(guò)數(shù)組形式的訪問(wèn)屬性，可以使用循環(huán)操作獲取其值。function showunievsity(object)for (var j=0;j<2; j+)document.write(objectj)若采用 For.in則可以不知其屬性的個(gè)數(shù)后就可以實(shí)現(xiàn)：Function showmy(object)for (var prop in this)docament

34、.write(thisprop);（3）通過(guò)字符串的形式實(shí)現(xiàn)university"Name"=“云南”university"City"=“昆明市”university"Date"="1999"對(duì)象的方法的引用在 JavaScript中對(duì)象方法的引用是非常簡(jiǎn)單的。10ObjectName.methods()實(shí)際 上methods()=FunctionName方 法 實(shí)質(zhì) 上是 一個(gè) 函數(shù) 。如 引用university對(duì)象中的 showmy（）方法，則可使用：document.write (university.sh

35、owmy()或： document.write(university)如：引用 math 內(nèi)部對(duì)象中 cos() 的方法則：with(math)document.write(cos(35);document.write(cos(80);若不使用 with 則引用時(shí)相對(duì)要復(fù)雜些：document.write(Math.cos(35)document.write(math.sin(80)3.2 常用對(duì)象的屬性和方法JavaScript 為我們提供了一些非常有用的常用內(nèi)部對(duì)象和方法。用戶不需要用腳本來(lái)實(shí)現(xiàn)這些功能。這正是基于對(duì)象編程的真正目的。在 JavaScript 提供了 string （字符串

36、）、math（數(shù)值計(jì)算）和 Date（日期）三種對(duì)象和其它一些相關(guān)的方法。 從而為編程人員快速開(kāi)發(fā)強(qiáng)大的腳本程序提供了非常有利的條件。常用內(nèi)部對(duì)象在 JavaScript中對(duì)于對(duì)象屬性與方法的引用，有兩種情況：其一是說(shuō)該對(duì)象是靜態(tài)對(duì)象， 即在引用該對(duì)象的屬性或方法時(shí)不需要為它創(chuàng)建實(shí)例； 而另一種對(duì)象則在引用它的對(duì)象或方法是必須為它創(chuàng)建一個(gè)實(shí)例，即該對(duì)象是動(dòng)態(tài)對(duì)象。對(duì) JavaScript內(nèi)部對(duì)象的引用，以是緊緊圍繞著它的屬性與方法進(jìn)行的。因而明確對(duì)象的靜動(dòng)性對(duì)于掌握和理解 JavaScript 內(nèi)部對(duì)象是具有非常重要的意義。1、串對(duì)象string 對(duì)象：內(nèi)部靜態(tài)性。訪問(wèn) properties和

37、 methods時(shí)，可使用（ .）運(yùn)算符實(shí)現(xiàn)?；臼褂酶袷剑?objectNp/methods（1）串對(duì)象的屬性該對(duì)象只有一個(gè)屬性，即 length。它表明了字符串中的字符個(gè)數(shù)，包括所有符號(hào)。例：11mytest="This is a JavaScript"mystringlength=mytest.length最后 mystringlength 返回 mytest 字串的長(zhǎng)度為 20。（2）串對(duì)象的方法string 對(duì)象的方法共有個(gè)。 主要用于有關(guān)字符串在 Web 頁(yè)面中的顯示、字體大小、字體顏色、字符的搜索以及字符的大小寫(xiě)轉(zhuǎn)換。其主要方法如下：錨點(diǎn) anc

38、hor()：該方法創(chuàng)建如用 Html 文檔中一樣的 anchor標(biāo)記。使用 anchor 如 用 Html 中 (A Name="") 一 樣 。 通 過(guò) 下 列 格 式 訪問(wèn):string.anchor(anchorName)。有關(guān)字符顯示的控制方法big 字體顯示 , Italics() 斜體字顯示，bold()粗體字顯示，blink() 字符閃爍顯示，small（）字符用小體字顯示， fixed() 固定高亮字顯示、 fontsize(size)控制字體大小等。字體顏色方法； fontcolor(color)字符串大小寫(xiě)轉(zhuǎn)換toLowerCase()小寫(xiě)轉(zhuǎn)換， toU

39、pperCase()大寫(xiě)轉(zhuǎn)換。下列把一個(gè)給定的串分別轉(zhuǎn)換成大寫(xiě)和小寫(xiě)格式 :string=stringValue.toUpperCase和 string=stringValue.toLowerCase。字符搜索： indexOfcharactor,fromIndex從指定 formIndtx 位置開(kāi)始搜索 charactor第一次出現(xiàn)的位置。返回字串的一部分字串：substring(start,end)從 start 開(kāi)始到 end 的字符全部返回。2、算術(shù)函數(shù)的 math 對(duì)象功能：提供除加、減、乘、除以外的一引些自述運(yùn)算。如對(duì)數(shù)，平方根等。靜動(dòng)性：靜態(tài)對(duì)象（1）主要屬性math 中提供了個(gè)

40、屬性，它們是數(shù)學(xué)中經(jīng)常用到的常數(shù)、以為底的自然對(duì)數(shù)、以為底的自然對(duì)數(shù)LN2 、 3.14159 的 PI、 1/2 的平方根SQRT1-2,2 的平方根為 SQRT2。（2）主要方法絕對(duì)值： abs()正弦余弦值： sin(),cos()反正弦反余弦:asin(), acos()正切反正切： tan(),atan()12四舍五入： round()平方根： sqrt()基于幾方次的值： Pow(base,exponent)3、日期及時(shí)間對(duì)象功能：提供一個(gè)有關(guān)日期和時(shí)間的對(duì)象。靜動(dòng)性：動(dòng)態(tài)性，即必須使用New 運(yùn)算符創(chuàng)建一個(gè)實(shí)例。例： MyDate=New Date()Date 對(duì)象沒(méi)有提供直接訪

41、問(wèn)的屬性。只具有獲取和設(shè)置日期和時(shí)間的方法。（1）獲取日期的時(shí)間方法getYear(): 返回年數(shù)getMonth():返回當(dāng)月號(hào)數(shù)getDate(): 返回當(dāng)日號(hào)數(shù)getDay():返回星期幾getHours():返回小時(shí)數(shù)getMintes(:返回分鐘數(shù)getSeconds():返回秒數(shù)getTime() : 返回毫秒數(shù)（2）設(shè)置日期和時(shí)間：setYear();設(shè)置年setDate():設(shè)置當(dāng)月號(hào)數(shù)setMonth():設(shè)置當(dāng)月份數(shù)setHours():設(shè)置小時(shí)數(shù)setMintes():設(shè)置分鐘數(shù)setSeconds():設(shè)置秒數(shù)setTime ():設(shè)置毫秒數(shù)中的系統(tǒng)函數(shù)JavaScri

42、pt 中的系統(tǒng)函數(shù)又稱內(nèi)部方法。它提供了與任何對(duì)象無(wú)關(guān)的系統(tǒng)函數(shù)，使用這些函數(shù)不需創(chuàng)建任何實(shí)例 ,可直接用。1、返回字符串表達(dá)式中的值：方法名： eval（字串表達(dá)式），例：test=eval("8+9+5/2");2、返回字符串 ASCI 碼：方法名： unEscape (string)3、返回字符的編碼：13方法名： escape(character)4、返回實(shí)數(shù)：parseFloat(floustring);5、返回不同進(jìn)制的數(shù)：parseInt(numbestring ,rad.X)其中 radix 是數(shù)的進(jìn)制， numbs 字符串?dāng)?shù)舉例下面是一個(gè)時(shí)鐘顯示的Java

43、Script文檔。在文檔中用了非常多的函數(shù)。Test4_1.htm<html><head><style TYPE="text/css"><style></style><title>時(shí)鐘 </title><script LANGUAGE="JavaScript">function showClock() function hideClock() var timerID = nullvar timerRunning = falsefunction stopCloc

44、k() if(timerRunning)clearTimeout(timerID);timerRunning = falsefunction showTime() var now = new Date();var year = now.getYear();var month = now.getMonth() + 1;var date = now.getDate();var hours = now.getHours();14var mins = now.getMinutes();var secs = now.getSeconds();var timeVal = ""timeV

45、al += (hours <= 12) ? hours : hours - 12);timeVal += (mins < 10) ? ":0" : ":") + mins;timeVal += (secs <= 10) ? ":0" : ":") + secs;timeVal += (hours < 12) ? "AM" : "PM");timerID = setTimeout("showTime()", 1000);timerRu

46、nning = truefunction startClock() stopClock();showTime();function windowOpener( indexnum ) var loadpos="date.html"+"#"+indexnum; controlWindow=window.open(loadpos,"date","toolbar=no,location=no, directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes, widt

47、h=620,height=400");3.3本章小結(jié)本講介紹了基于對(duì)象的JavaScript中常用內(nèi)部對(duì)象屬性、方法的使用。第四章內(nèi)部對(duì)象系統(tǒng)的使用使用瀏覽器的內(nèi)部對(duì)象系統(tǒng)，可實(shí)現(xiàn)與HTML文檔進(jìn)行交互。它的作用是將相關(guān)元素組織包裝起來(lái)，提供給程序設(shè)計(jì)人員使用，從而減輕編程人的勞動(dòng)， 提高設(shè)計(jì) Web頁(yè)面的能力。154.1 瀏覽器對(duì)象層次及其主要作用除了前面提到過(guò)的文檔 document 對(duì)象外， Navigator 瀏覽器中還提供了窗口（ Window）對(duì)象以及歷史（ History ）和位置（ Location ）對(duì)象。瀏覽器對(duì)象 (Navigator)：提供有關(guān)瀏覽器的信息窗口

48、對(duì)象 (Windows) ： Window 對(duì)象處于對(duì)象層次的最頂端，它提供了處理 Navigator 窗口的方法和屬性。位置對(duì)象 (Location) ：Location 對(duì)象提供了與當(dāng)前打開(kāi)的 URL一起工作的方法和屬性，它是一個(gè)靜態(tài)的對(duì)象。歷史對(duì)象 (History)：History對(duì)象提供了與歷史清單有關(guān)的信息。文檔對(duì)象 (Document) ：document 對(duì)象包含了與文檔元素 (elements) 一起工作的對(duì)象，它將這些元素封裝起來(lái)供編程人員使用。網(wǎng)頁(yè)設(shè)計(jì)與制作人員利用這些對(duì)象， 可以對(duì) WWW瀏覽器環(huán)境中的事件進(jìn)行控制并作出處理。在 JavaScript 中提供了非常豐富的內(nèi)部方法和屬性，從而減輕了編程人員的工作， 提高編程效率。這正是基于對(duì)象與面向?qū)ο蟮母緟^(qū)別所在。在這些對(duì)象系統(tǒng)中，文檔對(duì)象屬于非常重要的， 它位于最低層， 但對(duì)于我們實(shí)現(xiàn)Web頁(yè)面信息交互起作關(guān)鍵作用。因而它是對(duì)象系統(tǒng)的核心部分。4.2 文檔對(duì)象功能及其作用在 Navigat