網(wǎng)頁設計語言及應用方式的探究_第1頁
網(wǎng)頁設計語言及應用方式的探究_第2頁
網(wǎng)頁設計語言及應用方式的探究_第3頁
已閱讀5頁，還剩21頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

43、Script文檔。在文檔中用了非常多的函數(shù)。Test4_1.htm<html><head><style TYPE="text/css"><style></style><title>時鐘 </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é)本講介紹了基于對象的JavaScript中常用內(nèi)部對象屬性、方法的使用。第四章內(nèi)部對象系統(tǒng)的使用使用瀏覽器的內(nèi)部對象系統(tǒng)，可實現(xiàn)與HTML文檔進行交互。它的作用是將相關(guān)元素組織包裝起來，提供給程序設計人員使用，從而減輕編程人的勞動， 提高設計 Web頁面的能力。154.1 瀏覽器對象層次及其主要作用除了前面提到過的文檔 document 對象外， Navigator 瀏覽器中還提供了窗口（ Window）對象以及歷史（ History ）和位置（ Location ）對象。瀏覽器對象 (Navigator)：提供有關(guān)瀏覽器的信息窗口

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

溫馨提示

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

評論

0/150

提交評論