jsp基礎(chǔ)教程入門介紹_第1頁
jsp基礎(chǔ)教程入門介紹_第2頁
jsp基礎(chǔ)教程入門介紹_第3頁
jsp基礎(chǔ)教程入門介紹_第4頁
jsp基礎(chǔ)教程入門介紹_第5頁
已閱讀5頁，還剩131頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

1第3章

JSP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)基礎(chǔ)

2了解和掌握HTML語法、CSS語法掌握J(rèn)SP注釋、變量和方法的聲明掌握J(rèn)SP指令、JSP動(dòng)作（Action）語法學(xué)習(xí)目標(biāo)3學(xué)習(xí)內(nèi)容HTML語法CSS語法JavaScript腳本JSP注釋變量、方法的聲明JSP指令JSP動(dòng)作（Action）語法JSP腳本4HTML文件的一般格式：<html><head><title>網(wǎng)頁標(biāo)題</title></head><body>

網(wǎng)頁正文</body></html>5<html><head><title>使用標(biāo)題標(biāo)簽</title></head><body><H1align="center">歡迎學(xué)習(xí)JSP?。?！</H1><H2align="center">歡迎學(xué)習(xí)JSP?。?！</H2><H3align="center">歡迎學(xué)習(xí)JSP?。?！</H3></body></html>6加入超級(jí)鏈接1、錨點(diǎn)標(biāo)記格式：<Ahref=“地址”

name=“字符串”

target=“打開窗口方式”>熱點(diǎn)</A>例如：<AHREF=“”>山東農(nóng)業(yè)大學(xué)</A>7加入表單一個(gè)表單至少應(yīng)該包括：表單標(biāo)簽：處理表單數(shù)據(jù)所用CGI程序的URL以及數(shù)據(jù)提交到服務(wù)器的方法。表單域：文本框、密碼框、隱藏域、多行

文本框、復(fù)選框、單選框、下拉選擇框和文件上傳框等。表單按鈕：提交按鈕、復(fù)位按鈕和一般按鈕81.表單標(biāo)記<FORMaction=mailto:mail地址或網(wǎng)址

method=get|post>

<INPUTtype=“表項(xiàng)名”

name=“名”

size=xmaxlenth=y>

…..</FORM>action屬性：E-MAIL地址或網(wǎng)址。

method屬性：GET/POST<INPUT>標(biāo)記：表單中提供給用戶的輸入形式。92、文字和密碼的輸入：type屬性為text：輸入文本以標(biāo)準(zhǔn)的字符顯示。type屬性為password：輸入文本顯示為“*”。3、重置和提交<INPUTtype=“reset”value=“按鈕名”><INPUTtype=“submit”value=“按鈕名”>104、復(fù)選框和單選鈕<INPUTtype=“radio”name=“控制名”value=“控制初值”checked><INPUTtype=“checkbox”name=“控制名”value=“控制初值”>checked表示是否為默認(rèn)選中項(xiàng)。11head部分包含元素及描述：title：文檔標(biāo)題。meta：描述非html標(biāo)準(zhǔn)的一些文檔信息。link：描述當(dāng)前文檔與其他文檔之間的連接關(guān)系。base：定義體試時(shí)默認(rèn)的外部資源。script：腳本程序內(nèi)容style：樣式表內(nèi)容121、title：

title包含的內(nèi)容將會(huì)被顯示在瀏覽器窗口的標(biāo)題欄中。語法格式：

<title>……

……</title>

在省略號(hào)處加入的文字或符號(hào)，都將顯示在瀏覽器的標(biāo)題欄中。132、meta：

下面是meta的幾種用法：（1）定義搜索關(guān)鍵字：

<metaname="keywords"content="html,css,javascript">

<metaname="description"content="網(wǎng)頁制作">meta元素提供的信息是用戶不可見的，只是提供給那些搜索引擎使用。14（2）控制頁面緩存：<metahttp-equiv="pragma"content="no-cache">

在用戶下次打開網(wǎng)頁時(shí)，瀏覽器直接調(diào)用硬盤上緩存的上次臨時(shí)版本。如果每次打開網(wǎng)頁的時(shí)看到最新版本，就加上該語句！15（3）定義語言：

<metahttp-equiv=“content-type”content=“text/html；charset=GB2312”>

設(shè)定語言的編碼方式。便于瀏覽器正確的選擇語言，不需要人工選取。16（4）自動(dòng)刷新頁面<METAhttp-equiv=“Refresh”content=“秒數(shù)；url=新頁面”>注意：<META>標(biāo)識(shí)必須放置在<head>…</head>中http-equiv屬性值設(shè)置為“Refresh”時(shí)，要求顯示URL指定的文件。173、script：用來在頁面中加入腳本程序。<scriptlanguage="腳本語言">

……

……

</script>

在language中一定要指定腳本語言的種類。如VBScript等。184、style：用來指定當(dāng)前文檔的css層疊樣式表。css對于網(wǎng)頁的字體樣式、背景、邊界等都有很大的應(yīng)用。193.2CSS語法

CSS簡介CSS基本語法CSS基本屬性20一、CSS簡介CSS（CascadingStyleSheet－“層疊樣式表”或“級(jí)聯(lián)樣式單”）

制作網(wǎng)頁時(shí)采用CSS技術(shù)，可以有效地對頁面布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制，可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。21“Cascading”

即在同一個(gè)Web文檔中可以有多個(gè)樣式表存在，根據(jù)所在的位置，擁有不同的優(yōu)先級(jí)。優(yōu)先級(jí)越高，就會(huì)被最后在顯示時(shí)采用。

從樣式表插入的形式來看可以分為三種：1、內(nèi)聯(lián)式樣式表：

利用現(xiàn)有的HTML標(biāo)記把特殊的樣式加入到那些由標(biāo)記控制的信息中。22

2、嵌入式樣式表：嵌入到HTML文件的頭部中去（<html>和<body>標(biāo)記之間），使用<Style>…</Style>容器裝載，例如：

<style>p{color:blue;font-weight:bold}</style>

對頁面中所有<p>標(biāo)記都起作用。23

3、外部式樣式表：

一種保存在外部的樣式表文件，外部文件以.CSS為擴(kuò)展名，例如:

<linkrel=stylesheethref="main-sheet.css"type="text/css">

24CSS擴(kuò)展HTML但不能脫離HTML，僅是一項(xiàng)輔助工具。減少圖形文件使用。CSS提供很多文字樣式，可輕松取代原來圖形表現(xiàn)的視覺效果。集中管理樣式信息。CSS可將網(wǎng)頁要展示內(nèi)容與樣式設(shè)定分開。設(shè)定共享樣式。CSS樣式信息存成獨(dú)立文件，讓多個(gè)網(wǎng)頁文件共同使用。樣式分類使用。在一份HTML網(wǎng)頁文件上套用多個(gè)CSS樣式文件。25二、CSS基本語法

CSS的基本語法：

基本格式、注釋語句、選擇符等是開發(fā)CSS基礎(chǔ)。通常，樣式表的定義分為選擇符（selector）和塊{}（block），塊里包含屬性(properties)和屬性的取值（value）.格式：選擇符{屬性：屬性值}

26格式：選擇符{屬性：屬性值}

開發(fā)人員可以在CSS中插入注釋來說明代碼含義。CSS注釋以“/*”

開頭，以“*/”

結(jié)尾。CSS中，選擇符可以分為:HTML標(biāo)記選擇符（HTMLselector）、類選擇符（Classselector）ID選擇符（IDselector）。

27<html>

<head><styletype="text/css"><!--.m{font-family:"隸書";font-size:18px;color:#ff0000;text-decoration:line-through;}--></style></head><body>

<pclass="m">這里是FIF制作小組</p>

<aclass="m"href="#">這里是FIF制作小組</a></body></html>

281.類選擇符<styletype="text/css">

.m{font-family:"隸書";font-size:18px;color:#ff0000;text-decoration:line-through;}</style><body><pclass=“m”>請注意</p><aclass="m"href="#">這里是FIF制作小組</a></body></html>29<html><head><styletype="text/css">a{font-size:36px;color:#ff0000;text-decoration:line-through;}</style></head><body><p>這里是FIF制作小組<br><ahref="#">這里是FIF制作小組</a></body></html>2、HTML標(biāo)記選擇符

30<html><head><styletype="text/css">

#5{font-size:24px;color:#0000ff;text-decoration:line-through;}</style></head><body><pid="5">這里是FIF制作小組<br><aid="5"href="#">這里是FIF制作小組</a></body></html>3、ID選擇符31<pstyle=“font-size：48;font-style：bold;color：red;”>hongen</p>

這里Style是內(nèi)嵌到<P>中來定義該段落內(nèi)的格式的。在<BODY>中用<STYLE=>直接定義。這種定義方法非常適用于編寫的代碼比較多的情況。

而上面的代碼的CSS定義格式則非常適用于代碼較少、結(jié)構(gòu)較簡單的情況。

32怎樣編寫CSS？

1、把CSS文檔放到<head>文檔中：

<styletype=“text/css”>……</style>

其中<style>中的“type=‘text/css’”的意思是<style>中的代碼是定義樣式表單的。332、把CSS樣式表寫在HTML的行內(nèi)。如：

<pstyle=“font-size：14pt；color：blue”>藍(lán)色14號(hào)文字</p>

采用<Style=“

”>的格式把樣式寫在html中的任意行內(nèi)，這樣比較方便靈活。343、把編輯好的CSS文檔保存成“.CSS”文件，然后在<head>中定義。定義格式：

<head><linkrel=stylesheethref=“style.css”>……</head>

“href=‘style.css’”指需要連接的文件地址。353.3JavaScript腳本語言JavaScript語言概況

JavaScript基本數(shù)據(jù)結(jié)構(gòu)

JavaScript程序構(gòu)成

基于對象的JavaScript語言創(chuàng)建新對象

使用內(nèi)部對象系統(tǒng)

窗口及輸入輸出

WEB頁面信息的交互

363.3.1JavaScript

JavaScript是一種基于對象(Object)和事件驅(qū)動(dòng)(EventDriven)并具有安全性能的腳本語言。使用目的是與HTML語言、Java腳本語言（Java小程序）一起實(shí)現(xiàn)在一個(gè)Web頁面中鏈接多個(gè)對象，與Web客戶交互，從而開發(fā)客戶端應(yīng)用程序。它通過嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語言中實(shí)現(xiàn)的。373.3.2JavaScript和JavaJava是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計(jì)語言，特別適合于Internet應(yīng)用程序開發(fā)；而JavaScript是Netscape公司的產(chǎn)品，其目的是為擴(kuò)展NetscapeNavigator功能而開發(fā)的一種可以嵌入Web頁面中的基于對象和事件驅(qū)動(dòng)的解釋性語言。38Java是一種面向?qū)ο蟮恼Z言，即使是開發(fā)簡單的程序，必須設(shè)計(jì)對象。

JavaScript是種腳本語言，它是一種基于對象（ObjectBased）和事件驅(qū)動(dòng)（EventDriver）的編程語言。它本身提供豐富的內(nèi)部對象供設(shè)計(jì)人員使用。

39Java的源代碼在傳遞到客戶端執(zhí)行之前，必須經(jīng)過編譯，因而客戶端上必須具有相應(yīng)平臺(tái)上的仿真器或解釋器，它可以通過編譯器或解釋器實(shí)現(xiàn)獨(dú)立于某個(gè)特定的平臺(tái)編譯代碼的束縛。

JavaScript是一種解釋性編程語言，其源代碼在發(fā)往客戶端執(zhí)行之前不需經(jīng)過編譯，而是將文本格式的字符代碼發(fā)送給客戶編由瀏覽器解釋執(zhí)行。403.3.3JavaScript基本數(shù)據(jù)結(jié)構(gòu)一、JavaScript代碼的加入

直接將JavaScript腳本加入HTML文檔：

<ScriptLanguage=“JavaScript”>

JavaScript語言代碼；

JavaScript語言代碼;

</Script>41二、基本數(shù)據(jù)類型

數(shù)值（整數(shù)和實(shí)數(shù)）、

字符串型（用“”號(hào)或‘’括起來的字符或數(shù)值）、

布爾型（True或False）和空值。

JavaScript采用弱類型的形式，因而一個(gè)數(shù)據(jù)的

變量或常量不必首先作聲明，而是在使用或賦值時(shí)確定其數(shù)據(jù)的類型的。當(dāng)然也可以先聲明該數(shù)據(jù)的類型，它是通過在賦值時(shí)自動(dòng)說明其數(shù)據(jù)類型的。

42(1)整型常量

JavaScript的常量通常又稱字面常量，它是不能改變的數(shù)據(jù)。其整型常量可以使用十六進(jìn)制、八進(jìn)制和十進(jìn)制表示其值。

(2)實(shí)型常量

實(shí)型常量是由整數(shù)部分加小數(shù)部分表示，如12.32、193.98?？梢允褂每茖W(xué)或標(biāo)準(zhǔn)方法表示：5E7、4e5等。2、常量43(3)布爾值

布爾常量只有兩種狀態(tài)：True或False。它主要用來說明或代表一種狀態(tài)或標(biāo)志，以說明操作流程。JavaScript只能用True或False表示其狀態(tài)。2、常量(4)字符型常量

使用單引號(hào)（‘）或雙引號(hào)（“）括起來的一個(gè)或幾個(gè)字符。如"ThisisabookofJavaScript"、"3245"、"ewrt234234"等。

44

(5)空值

JavaScript中有一個(gè)空值null,表示什么也沒有。如試圖引用沒有定義的變量,則返回一個(gè)Null值。

(6)特殊字符

同Ｃ語言一樣，JavaScript中同樣以有些以反斜杠（／）開頭的不可顯示的特殊字符。通常稱為控制字符。

453、變量

(1)變量的命名

必須是一個(gè)有效的變量，即變量以字母開頭，中間可以出現(xiàn)數(shù)字如test1、text2等。除下劃線（－）作為連字符外，變量名稱不能有空格、（＋）、（－）、（，）或其它符號(hào)。不能使用JavaScript中的關(guān)鍵字作為變量。

在JavaScript中定義了４０多個(gè)類鍵字，這些關(guān)鍵是JavaScript內(nèi)部使用的，不能作為變量的名稱。如Var、int、double、true不能作為變量的名稱。46(2)變量的類型

可以用命令Var作聲明:

varmytest;

Varmytest=”Thisisabook”變量可以在使用時(shí)再根據(jù)數(shù)據(jù)類型確定變量類型。

如：

x=100y="125"

xy=Truecost=19.5。

其中x整數(shù)，y為字符串，xy為布爾型，cost為實(shí)型。47(3)變量的聲明及其作用域

變量的作用域。全局變量是定義在所有函數(shù)體之外，其作用范圍是整個(gè)函數(shù)；而局部變量是定義在函數(shù)體之內(nèi)，只對其該函數(shù)是可見的，而對其它函數(shù)則是不可見的。

48三、表達(dá)式和運(yùn)算符１、表達(dá)式

算術(shù)表述式、字串表達(dá)式、賦值表達(dá)式、布爾表達(dá)式。２、運(yùn)算（１）算術(shù)運(yùn)算符（單目運(yùn)算符和雙目運(yùn)算符）49（２）比較運(yùn)算符

（３）布爾邏輯運(yùn)算符

增加了幾個(gè)布爾邏輯運(yùn)算符:

!（取反)、&=（與之后賦值）、&（邏輯與）、

|=（或之后賦值）、|（邏輯或）、^=（異或之后賦值）、^（邏輯異或）、?:（三目操作符）、||（或）、==(等于)、|=(不等于)。503.3.4JavaScript程序構(gòu)成一、程序控制流

１、if條件語句

基本格式

if（表述式）

語句段１；

else

語句段２；

２、For循環(huán)語句

for（初始化；條件；增量）

語句集；513.3.4JavaScript程序構(gòu)成３、while循環(huán)

基本格式

while（條件）

語句集；４、break和continue語句

52二、函數(shù)

１、JavaScript函數(shù)定義

Function函數(shù)名（參數(shù)，變元）{

函數(shù)體;.

Return表達(dá)式;

}２、函數(shù)中的形式參數(shù)：

函數(shù)名后有參數(shù)表，參數(shù)變量可能是一個(gè)或幾個(gè)。在JavaScript中可通過arguments.Length來檢查參數(shù)的個(gè)數(shù)。

53三、事件驅(qū)動(dòng)及事件處理

１、基本概念

JavaScript是object-based的語言。即在圖形界面環(huán)境下，使得一切輸入變化簡單化。通常鼠標(biāo)或熱鍵的動(dòng)作稱之為事件（Event），而由鼠標(biāo)或熱鍵引發(fā)的一連串程序的動(dòng)作，稱之為事件驅(qū)動(dòng)（EventDriver）。而對事件進(jìn)行處理程序或函數(shù)，稱之為事件處理程序（EventHandler）。54２、事件處理程序

在JavaScript中對象事件的處理通常由函數(shù)(Function)擔(dān)任。其基本格式與函數(shù)全部一樣。格式如下：

Function事件處理名（參數(shù)表）{

事件處理語句集；

}55３、事件驅(qū)動(dòng)

事件通過鼠標(biāo)或熱鍵的動(dòng)作引發(fā)。主要有以下事件：

（１）單擊事件onClick

當(dāng)用戶單擊鼠標(biāo)按鈕時(shí)，產(chǎn)生onClick事件。通常在下列基本對象中產(chǎn)生：button（按鈕對象）checkbox（復(fù)選框）或（檢查列表框）radio（單選鈕）resetbuttons（重要按鈕）submitbuttons（提交按鈕）56例：可通過下列按鈕激活change()文件：

<Form>

<Inputtype="button"Value=“

”onClick="change()">

</Form>在onClick等號(hào)后，可以使用自己編寫的函數(shù)作為事件處理程序，也可以使用JavaScript中內(nèi)部的函數(shù)。還可以直接使用JavaScript的代碼等。例：

<Inputtype="button"value=""onclick=alert("這是一個(gè)例子"）;57（２）onChange改變事件

當(dāng)利用text或texturea元素輸入字符值改變時(shí)發(fā)該事件，同時(shí)當(dāng)在select表格項(xiàng)中一個(gè)選項(xiàng)狀態(tài)改變后也會(huì)引發(fā)該事件。

例：

<Form>

<Inputtype="text"name="Test"value="Test"onCharge="check(this.test)">

</Form>58

（３）選中事件onSelect

當(dāng)Text或Textarea對象中的文字被加亮后，引發(fā)該事件。（４）獲得焦點(diǎn)事件onFocus

當(dāng)用戶單擊Text或textarea及select對象時(shí)產(chǎn)生該事件。此時(shí)該對象成為前臺(tái)對象。（５）失去焦點(diǎn)onBlur

當(dāng)text對象或textarea對象以及select對象不再擁有焦點(diǎn)、而退到后臺(tái)時(shí)，引發(fā)該文件，他與onFocas事件是一個(gè)對應(yīng)的關(guān)系。59（６）載入文件onLoad

當(dāng)文檔載入時(shí)，產(chǎn)生該事件。onLoad一個(gè)作用就是在首次載入一個(gè)文檔時(shí)檢測cookie的值，并用一個(gè)變量為其賦值，使它可以被源代碼使用。（７）卸載文件onUnload

當(dāng)Web頁面退出時(shí)引發(fā)onUnload事件，并可更新Cookie的狀態(tài)。60<HTML>

<HEAD>

<scriptLanguage="JavaScript">

<!--

functionloadform(){

alert("這是一個(gè)自動(dòng)裝載例子!");}

functionunloadform(){

alert("這是一個(gè)卸載例子!");}

//-->

</Script>

</HEAD>

<BODYOnLoad="loadform()"OnUnload="unloadform()">

<ahref="test.htm">調(diào)用</a></BODY></HTML>下例程序當(dāng)裝入HTML文檔時(shí)調(diào)用loadform()函數(shù),而退出該文檔進(jìn)入另一HTML文檔時(shí)則首先調(diào)用unloadform()函數(shù),確認(rèn)后方可進(jìn)入。613.3.5基于對象的JavaScript語言一、對象的基礎(chǔ)知識(shí)１、對象的基本結(jié)構(gòu)

JavaScript中的對象是由屬性(properties)和方法(methods)兩個(gè)基本的元素構(gòu)成。２、引用對象的途徑一個(gè)對象要被使用，可采用以下幾種方式：引用JavaScript內(nèi)部對象；由瀏覽器環(huán)境中提供；創(chuàng)建新對象。

62３、有關(guān)對象操作語句

(1)

For...in語句格式如下：

For（對象屬性名in已知對象名）用于對已知對象的所有屬性進(jìn)行操作的控制循環(huán)。它是將一個(gè)已知對象的所有屬性反復(fù)置給一個(gè)變量；而不是使用計(jì)數(shù)器來實(shí)現(xiàn)的。優(yōu)點(diǎn)是無需知道對象中屬性的個(gè)數(shù)即可操作。63例：

FunctionshowData(object)for(varpropinobject)document.write(object[prop])；使用該函數(shù)時(shí)，在循環(huán)體中，F(xiàn)or自動(dòng)將的屬性取出來，直到最后為此。64(2)with語句：該語句體內(nèi)，任何對變量的引用被認(rèn)為是這個(gè)對象的屬性。withobject{...}

所有在with語句后的花括號(hào)中的語句，都在后面object對象的作用域中。65(3)this關(guān)鍵字

在JavaScript由于對象的引用是多層次，多方位的，對象間的彼此引用較多，有可能造成混亂，為此JavaScript提供語句this用于指定當(dāng)前對象。66(4)New運(yùn)算符

使用New運(yùn)算符可創(chuàng)建一個(gè)新對象。格式：Newobject=NEWObject(Parameterstable);如創(chuàng)建一個(gè)日期新對象newData=NewData()birthday=NewData(Decembe?12.1998)67４、對象屬性的引用

（１）使用點(diǎn)（.）運(yùn)算符

university.Name=“云南省”

university.city=“昆明市”

university.Date="1999"

其中university是一個(gè)已經(jīng)存在的對象，Name、City?Date是它的三個(gè)屬性，并通過操作對其賦值。68

（２）通過對象的下標(biāo)實(shí)現(xiàn)引用

university[0]=“云南”

university[1]=“昆明市”

university[2]="1999"（３）通過字符串的形式實(shí)現(xiàn)

university["Name"]=“云南”

university["City"]=“昆明市”

university["Date"]="1999"69５、對象的方法的引用ObjectName.methods()如：引用university對象中showmy（）可使用：

document.write(university.showmy())或：document.write(university)70如引用math內(nèi)部對象中cos()的方法，則：with(math)document.write(cos(35)?document.write(cos(80));若不使用with則引用時(shí)相對要復(fù)雜些：document.write(Math.cos(35))document.write(math.sin(80))71二、常用對象的屬性和方法1、常用內(nèi)部對象１)、string對象

使用格式：objectName.op/methods（１）串對象的屬性該對象只有一個(gè)屬性，即length。例：mytest="ThisisaJavaScript"mystringlength=mytest.length72（２）string對象方法方法共有１９個(gè)。主要用于有關(guān)字符串在Web頁面中的顯示、字體大小、字體顏色、字符的搜索以及字符的大小寫。73２、算術(shù)函數(shù)的math對象（１）主要屬性提供６個(gè)屬性，學(xué)中經(jīng)常用到的常數(shù)Ｅ、以１０為底的自然對數(shù)ＬＮ１０、以２為底的自然對數(shù)LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根為SQRT2。74２、算術(shù)函數(shù)的math對象（２）主要方法絕對值：abs()

正弦余弦值：sin(),cos()

反正弦反余弦:asin(),acos()

正切反正切：tan(),atan()

四舍五入：round()

平方根：sqrt()

基于幾方次的值：Pow(base,exponent)75３、日期及時(shí)間對象必須使用New運(yùn)算符創(chuàng)建一個(gè)實(shí)例。例:MyDate=NewDate()Date對象沒有提供直接訪問的屬性。

(1)獲取日期的時(shí)間方法getYear():年數(shù)getMonth():當(dāng)月號(hào)數(shù)getDate():當(dāng)日號(hào)getDay():星期幾getHours():小時(shí)數(shù)getMintes():分鐘數(shù)getSeconds():秒數(shù)getTime():毫秒數(shù)76（２）設(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ù)772、JavaScript中的系統(tǒng)函數(shù)1．返回字符串表達(dá)式中的值：方法名：eval（字串表達(dá)式），例：?test=eval("8+9+5/2");2.返回字符串ASCI碼：方法名：unEscape(string)

3．返回字符的編碼：方法名：escape(chara?er)4．返回實(shí)數(shù)：parseFloat(floustring);５、返回不同進(jìn)制的數(shù)：parseInt(numbestring,rad.X)其中radix是數(shù)的進(jìn)制，numbs字符串?dāng)?shù)783.3.6創(chuàng)建新對象一、對象的定義基本格式如下：

FunctionObject（屬性表）

Tp1=prop1Tp2=prop2...This.meth=FunctionName1;This.meth=FunctionName2;...

在一個(gè)對象的定義中，可以為該對象指明其屬性和方法。通過屬性和方法構(gòu)成一個(gè)對象的實(shí)例。79

如:University對象的定義

Functionuniversity(name,city,creatDateURL)T=nameThis.city=cityThis.creatDate=NewDate(creatDate)This.URL=URL

其中：Name－指定一個(gè)“單位”名稱。

City－“單位”所在城市。

CreatDate－記載university對象更新日期。

URL－該對象指向一個(gè)網(wǎng)址。80二、創(chuàng)建對象實(shí)例對象定義完成后，可以為該對象創(chuàng)建一個(gè)實(shí)例：

NewObject=Newobject();

例：U1=Newuniversity(“云南省”，“昆明市”，"January05,199712:00:00","http://www.YN.KM")81三、對象方法的使用

在對象中還需要使用方法。在對象的定義中，This.meth=FunctionName語句，就是為定義對象的方法。而對象的方法就是一個(gè)函數(shù)FunctionName。82例：在university對象中增加一個(gè)方法，該方法是顯示它自己本身，并返回相應(yīng)串。

functionuniversity(name,city,createDate,URL)This.Name=Name;This.city=city;This.createDate=NewDate(creatDate)；

This.URL=URL；This.showuniversity=showuniversity;

functionshowuniversity()For(varpropinthis)alert(prop+="+this[prop]+"");

其中alert是JavaScript中的內(nèi)部函數(shù)，顯示其字符串。83定義對象的數(shù)組

FunctionarrayName(size){This.length=Size;for(varX=;X<=size;X++)this[X]=0;Returethis;}其中arrayName是定義數(shù)組的一個(gè)名子，Size是有關(guān)數(shù)組大小的值（1-size），即數(shù)組元素的個(gè)數(shù)。通過for循環(huán)對一個(gè)當(dāng)前對象的數(shù)組進(jìn)行定義，最后返回這個(gè)數(shù)組。3.3.6JavaScript中的數(shù)組

84一個(gè)數(shù)組定義完成以后，還不能馬上使用，必須為該數(shù)組創(chuàng)建一個(gè)數(shù)組實(shí)例：Myarray=NewarrayName(n);并賦于初值：Myarray[1]=“字串１”；Myarray[2]=“字串２”；Myarray[3]=“字串３”；...Myarray[n]=“字串n”；一旦給數(shù)組賦于了初值后，數(shù)組中就具有真正意義的數(shù)據(jù)了，以后就可以在程序設(shè)計(jì)過程中直接引用。853.3.7WEB頁面信息的交互一、窗體基礎(chǔ)知識(shí)窗體（Form）:它構(gòu)成了Web頁面的基本元素。通常一個(gè)Web頁面有一個(gè)窗體或幾個(gè)窗體，使用Forms[]數(shù)組來實(shí)現(xiàn)不同窗體的訪問。<formName=Form1><INPUTtype=text...><Inputtype=text...><Inpupbyne=text...></form><formName=Form2><INPUTtype=text...><Inputtype=text...></form>在Forms[0]中共有三個(gè)基本元素，而Forms[1]中只有兩個(gè)元素。窗體對象最主要的功能就是能夠直接訪問HTML文檔中的窗體，它封裝了相關(guān)的HTML代碼：86窗體對象最主要的功能就是能夠直接訪問HTML文檔中的窗體，它封裝了相關(guān)的HTML代碼：<FormName="表的名稱"Target="指定信息的提交窗口"action="接收窗體程序?qū)?yīng)的URL"Method=信息數(shù)據(jù)傳送方式(get/post)enctype="窗體編碼方式"[onsubmit="JavaScript代碼"]></Form>87２、窗體對象的方法窗體對象的方法只有一個(gè)--submit()方法，該方法主要功用就是實(shí)現(xiàn)窗體信息的提交。如提交Mytest窗體,則使用下列格式：document.mytest.submit()

３、窗體對象的屬性窗體對象中的屬性主要包括以下：elementsnameactiontargetencodingmethod.除Elements外，其它幾個(gè)均反映了窗體中標(biāo)識(shí)中相應(yīng)屬性的狀態(tài)，這通常是單個(gè)窗體標(biāo)識(shí)；而elements常常是多個(gè)窗體元素值的數(shù)組，例：elements[0].Mytable.elements[1]

88４、訪問窗體對象在JavaScript中訪問窗體對象可由兩種方法實(shí)現(xiàn)：（１）通過訪問窗體在窗體對象的屬性中首先必須指定其窗體名，而后就可以通過下列標(biāo)識(shí)訪問窗體如：document.Mytable()。（２）通過數(shù)組來訪問窗體除了使用窗體名來訪問窗體外，還可以使用窗體對象數(shù)組來訪問窗體對象。但需要注意一點(diǎn)，因窗體對象是由瀏覽器環(huán)境的提供的，而瀏覽器環(huán)境所提供的數(shù)組下標(biāo)是由0到n。所以可通過下列格式實(shí)現(xiàn)窗體對象的訪問：document.forms[0]document.forms[1]document.forms[2]...５、引用窗體的先決條件在JavaScript中要對窗體引用的條件是：必須先在頁面中用標(biāo)識(shí)創(chuàng)建窗體，并將定義窗體部分放在引用之前。89二、窗體中的基本元素窗體中的基本元素由按鈕、單選按鈕、復(fù)選按鈕、提交按鈕、重置按鈕、文本框等組成。

在JavaScript中要訪問這些基本元素，必須通過對應(yīng)特定的窗體元素的數(shù)組下標(biāo)或窗體元素名來實(shí)現(xiàn)。每一個(gè)元素主要是通過該元素的屬性或方法來引用。其引用的基本格式見下:formName.elements[].methadName(窗體名.元素名或數(shù)組.方法)formName.elemaent[].propertyName(窗體名.元素名或數(shù)組.屬性)90１、Text單行單列輸入元素功能：對Text標(biāo)識(shí)中的元素實(shí)施有效的控制?；緦傩裕篘ame：設(shè)定提交信息時(shí)的信息名稱。對應(yīng)于HTML文檔中的Name。Value：用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。defaultvalue：包括Text元素的默認(rèn)值基本方法：blur()：將當(dāng)前焦點(diǎn)移到后臺(tái)。select()：加亮文字。主要事件：onFocus：當(dāng)Text獲得焦點(diǎn)時(shí)，產(chǎn)生該事件。OnBlur：從元素失去焦點(diǎn)時(shí)，產(chǎn)生該事件。Onselect：當(dāng)文字被加亮顯示后，產(chǎn)生該文件。onchange：當(dāng)Text元素值改變時(shí)，產(chǎn)生該文件。例：...<Formname="test"><inputtype="text"name="test"value="thisisajavascript"></form>...<scriptlanguage="Javascirpt">document.mytest.value="thatisaJavascript";document.mytest.select();document.mytest.blur();</script>

91２、textarea多行多列輸入元素功能：實(shí)施對Textarea中的元素進(jìn)行控制?；緦傩詎ame：設(shè)定提交信息時(shí)的信息名稱，對應(yīng)HTML文檔Textarea的Name。Value：用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。Defaultvalue：元素的默認(rèn)值。方法：blur()：將輸入焦點(diǎn)失去select()：將文字加亮后事件：onBlur:當(dāng)失去輸入焦點(diǎn)后產(chǎn)生該事件onFocus:當(dāng)輸入獲得焦點(diǎn)后，產(chǎn)生該文件Onchange:當(dāng)文字值改變時(shí)，產(chǎn)生該事件Onselect:當(dāng)文字加亮后，產(chǎn)生該文件

92３、Select選擇元素功能：實(shí)施對滾動(dòng)選擇元素的控制。屬性：name:設(shè)定提交信息時(shí)的信息名稱，對應(yīng)文檔select中的name。Length:對應(yīng)文檔select中的lengthoptions:組成多個(gè)選項(xiàng)的數(shù)組selectIndex;該下標(biāo)指明一個(gè)選項(xiàng)select在中每一選項(xiàng)都含有以下屬性：Text:選項(xiàng)對應(yīng)的文字selected:指明當(dāng)前選項(xiàng)是否被選中Index:指明當(dāng)前選項(xiàng)的位置defaultselected:默認(rèn)選項(xiàng)事件：OnBlur：當(dāng)select選項(xiàng)失去焦點(diǎn)時(shí)，產(chǎn)生該文件。onFocas:當(dāng)select獲得焦點(diǎn)時(shí)，產(chǎn)生該文件。Onchange:選項(xiàng)狀態(tài)改變后，產(chǎn)生該事件。

93４、Button按鈕功能：實(shí)施對Button按鈕的控制。屬性：Name:設(shè)定提交信息時(shí)的信息名稱，對應(yīng)文檔中button的Name。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。方法：click()該方法類似于一個(gè)按下的按鈕。事件：onclick當(dāng)單擊button按鈕時(shí)，產(chǎn)生該事件。例：<Formname="test"><inputtype="button"name="testcall"onclick=tmyest()></form>...<scriptlanguage="javascirpt">document.elements[0].value="mytest";//通過元素訪問或document.testcallvalue="mytest";//通過名字訪問</script>

94５、checkbox檢查框功能：實(shí)施對一個(gè)具有復(fù)選框中元素的控制。屬性：name:設(shè)定提交信息時(shí)的信息名稱。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。Checked:該屬性指明框的狀態(tài)true/false.defauitchecked:默認(rèn)狀態(tài)方法：click()該方法使得框的某一個(gè)項(xiàng)被選中。事件：onclick:當(dāng)框的選被選中時(shí)，產(chǎn)生該事件。95６、radio無線按鈕功能：實(shí)施對一個(gè)具單選功能的無線按鈕控制。屬性：name:設(shè)定提交信息時(shí)的信息名稱，對應(yīng)HTML文檔中的radio的name相同value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔中的radio的name。length:單選按鈕中的按鈕數(shù)目。defalechecked:默認(rèn)按鈕。checked:指明選中還是沒有選中。index:選中的按鈕的位置。方法：chick():選定一個(gè)按鈕。事件：onclick:單擊按鈕時(shí)，產(chǎn)生該事件。

96７、hidden:隱藏功能：實(shí)施對一個(gè)具有不顯示文字并能輸入字符的區(qū)域元素的控制。屬性：name:設(shè)定提交信息時(shí)的信息名稱，對應(yīng)HTML文檔的hidden中的Name。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔hidden中的value。defaleitvalue:默認(rèn)值97８、Password口令功能：實(shí)施對具有口令輸入的元素的控制。屬性：Name:設(shè)定提交信息時(shí)的信息名稱，對應(yīng)HTML文檔中password中的name。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔中password中的Value。defaultvalu:默認(rèn)值方法select():加亮輸入口令域。blur():使這丟失passward輸入焦點(diǎn)。focus():獲得password輸入焦點(diǎn)。

98９、submit提交元素功能：實(shí)施對一個(gè)具有提交功能按鈕的控制。屬性：name:設(shè)定提交信息時(shí)的信息名稱，對應(yīng)HTML文檔中submit。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔中value。方法click()相當(dāng)于按下submit按鈕。事件：onclick()當(dāng)按下該按鈕時(shí)，產(chǎn)生該事件。99三、范例

test8_1.htm<html><head><ScriptLanguage="JavaScript">//原來的顏色document.bgColor="blue";document.vlinkColor="white";document.linkColor="yellow";document.alinkcolor="red";//動(dòng)態(tài)改變顏色functionchangecolor(){document.bgColor="red";document.vlinkColor="blue";document.linkColor="green";document.alinkcolor="blue";}</script></HEAD><bodybgColor="White"><Ahref="test8_2.htm">調(diào)用動(dòng)態(tài)按鈕文檔</a><form><Inputtype="button"Value="red"onClick="changecolor()"></form></BODY></HTML>100動(dòng)態(tài)按鈕程序。test8_2.htm<HTML><HEAD></HEAD><palign="center">

</p><divalign="center"><center><tableborder="0"cellspacing="0"cellpadding="0"><tr><tdwidth="100%"><formname="form2"onSubmit="null"><p><inputtype="submit"name="banner"VALUE="Submit"onClick="alert('Youhavetoputan\'action=[url]\'ontheformtag!!')"><br><scriptlanguage="JavaScript">varid,pause=0,position=0;functionbanner(){//variablesdeclarationvari,k,msg="這里輸入你要的內(nèi)容";//increasemsgk=(30/msg.length)+1;for(i=0;i<=k;i++)msg+=""+msg;//showittothewindowdocument.form2.banner.value=msg.substring(position,position-30);//setnewpositionif(position++==msg.length)position=0;//repeatatenteredspeedid=setTimeout("banner()",60);}//end-->banner();</script></p></form></td></tr></table></center></div><p>

</p><BODY><Ahref="test8_1.htm">返回</a></BODY></HTML>1014.3JSP注釋隱藏注釋HTML注釋Java注釋102隱藏注釋隱藏注釋也是JSP的標(biāo)準(zhǔn)注釋，寫在JSP程序中，在發(fā)布網(wǎng)頁時(shí)完全被忽略，不發(fā)給客戶，當(dāng)希望隱藏JSP程序的注釋時(shí)是很有用的。其語法格式為：<%--comment--%>，comment為想要添加的文本注釋。103HTML注釋HTML注釋在發(fā)布網(wǎng)頁時(shí)可以在瀏覽器源文件窗口中可以看到，并且在這種注釋中可以使用JSP的表達(dá)式，其語法格式為：<!--comment[<%=expression%>]-->，其中comment可以是文字說明，expression為JSP表達(dá)式。104Java注釋在JSP程序中，也可以遵循Java語言本身的注釋規(guī)則對代碼進(jìn)行注釋，這樣的注釋和隱藏注釋相似，在發(fā)布網(wǎng)頁被完全忽略，在瀏覽器的源文件窗口中看不到這種注釋。其語法格式為：<%/*comment*/%>，comment為要添加的注釋文本。1054.4變量、方法的聲明變量、方法的聲明和表達(dá)式表達(dá)式106變量、方法的聲明和表達(dá)式JSP中的聲明可以用來定義一個(gè)或多個(gè)合法的變量（包括普通變量和類變量）和方法，并不輸出任何的文本到輸出流去。在聲明元素中聲明的變量和方法將在JSP頁面初始化時(shí)被初始化。JSP聲明的語法格式為：<%!declaration;[declaration;]...%>，其中declaration為聲明的變量、方法的名稱和內(nèi)容。在聲明變量變量和方法時(shí)，需要注意以下幾點(diǎn)：聲明必須以";"結(jié)尾?？梢灾苯邮褂迷?lt;%@page%>中被包含進(jìn)來的已經(jīng)聲明的變量和方法，不需要對它們重新進(jìn)行聲明。一個(gè)聲明僅在一個(gè)頁面中有效。如果想每個(gè)頁面都用到一些聲明，最好把它們寫成一個(gè)單獨(dú)的文件，然后用<%@include%>或<jsp:include>元素包含進(jìn)來。107表達(dá)式SP中表達(dá)式可以將某個(gè)計(jì)算結(jié)果轉(zhuǎn)換成一個(gè)字符串并且直接使用在輸出網(wǎng)頁上。包含一個(gè)符合JSP語法的表達(dá)式的語法格式為：<%=expression%>。JSP的表達(dá)式中沒有分號(hào)，除非在加引號(hào)的字符串部分才使用分號(hào)。1084.5JSP指令include指令Page指令taglib指令109include指令在JSP中用include指令包含一個(gè)靜態(tài)的文件，同時(shí)解析這個(gè)文件中的JSP語句，使用jsp的include指令有助于實(shí)現(xiàn)jsp頁面的模塊化。其語法格式為：<%@includefile=“filename”%>，其中filename指被包含的文件的名稱。<%@include%>指令將會(huì)在JSP編譯時(shí)插入一個(gè)包含文本或代碼的文件，當(dāng)使用<%@include%>指令時(shí)，這個(gè)包含的過程是靜態(tài)的。靜態(tài)的包含是指這個(gè)被包含的文件將會(huì)被插入到JSP文件中去，這個(gè)包含的文件可以是JSP文件、HTML文件、文本文件。如果包含的是JSP文件，這個(gè)包含的JSP文件中的代碼將會(huì)被執(zhí)行。110Page指令Page指令用來定義JSP文件中的全局屬性，它描述了與頁面相關(guān)的一些信息，其作用域?yàn)樗诘腏SP文件頁面和其包含的文件，但是<%@page%>指令不能作用于動(dòng)態(tài)的包含文件，例如<jsp:include>。Page指令的語法格式為：<%@page[language="java"][extends="package.class"][import="{package.class|package.*},..."][session="true|false"][buffer="none|8kb|sizekb"][autoFlush="true|false"][isThreadSafe="true|false"][info="text"][errorPage="relativeURL"][contentType="mimeType[;charset=characterSet]"|"text/html;charset=ISO-8859-1"][isErrorPage="true|false"]%>

無論把<%@page%>指令放在JSP的文件的哪個(gè)地方，它的作用范圍都是整個(gè)JSP頁面。111taglib指令taglib指令用來定義一個(gè)標(biāo)簽庫以及其自定義標(biāo)簽的前綴。其語法格式為：<%@tagliburi="tagLibraryURI"prefix="tagPrefix"%>其中，屬性u(píng)ri（UniformResourceIdentifier，統(tǒng)一資源標(biāo)識(shí)符）用來唯一的確定標(biāo)簽庫的路徑，并告訴JSP引擎在編譯JSP程序時(shí)如何處理指定標(biāo)簽庫中的標(biāo)簽，屬性prefix定義了一個(gè)指示使用此標(biāo)簽庫的前綴。1124.6JSP動(dòng)作（Action）語法<jsp:include>動(dòng)作<jsp:useBean>動(dòng)作<jsp:setProperty>動(dòng)作<jsp:getProperty>動(dòng)作<jsp:forward>動(dòng)作<jsp:plugin>113<jsp:include>動(dòng)作<jsp:include>動(dòng)作用來把指定文件插入正在生成的頁面。其語法如下：＜jsp:includepage=“relativeURL”flush=“true”/＞<jsp:include>動(dòng)作允許包含靜態(tài)文件和動(dòng)態(tài)文件，這兩種包含文件的結(jié)果是不同的。如果文件僅是靜態(tài)文件，那么這種包含僅僅是把包含文件的內(nèi)容加到j(luò)sp文件中去，這個(gè)文件不會(huì)被JSP編譯器執(zhí)行；如果這個(gè)文件動(dòng)態(tài)的，那么這個(gè)被包含文件也會(huì)被JSP編譯器執(zhí)行。114<jsp:useBean>動(dòng)作<jsp:useBean>動(dòng)作用來裝載一個(gè)將在JSP頁面中使用的JavaBean。這個(gè)功能非常有用，因?yàn)樗瓤梢园l(fā)揮Java組件重用的優(yōu)勢，同時(shí)也避免了損失JSP區(qū)別于Servlet的方便性。其語法格式為：<jsp:useBeanid="beanInstanceName"scope="page|request|session|application"{class="package.class"|type="package.class"|class="package.class"type="package.class"|beanName="{package.class|<%=expression%>}"type="package.class“}{/>|>otherelements</jsp:useBean>}<jsp:useBean>元素的主體通常包含有<jsp:setProperty>元素，用于設(shè)置Bean的屬性值。正如上面所說的，<jsp:useBean>的主體僅僅只有在<jsp:useBean>示例Bean時(shí)才會(huì)被執(zhí)行，如果這個(gè)Bean已經(jīng)存在，<jsp:useBean>能夠定位它，那么主體中的內(nèi)容將不會(huì)起作用，但你可以在<jsp:useBean>元素外用<jsp:setProperty>元素設(shè)定JavaBean的屬性。115<jsp:setProperty>動(dòng)作獲得Bean實(shí)例之后，可以利用<jsp:setProperty>動(dòng)作設(shè)置、修改Bean中的屬性值。其語法格式如下：<jsp:setPropertyname="beanInstanceName"{property="*"|property="propertyName"[param="parameterName"]|property="propertyName"value="{string|<%=expression%>}"}/><jsp:setProperty>元素使用Bean給定的setter方法，在Bean中設(shè)置一個(gè)或多個(gè)屬性值。在使用這個(gè)元素之前必須使用<jsp:useBean>聲明此Bean，因?yàn)?lt;jsp:useBean>和<jsp:setProperty>是聯(lián)系在一起的，同時(shí)它們使用的Bean實(shí)例的名字也應(yīng)當(dāng)相匹配。116<jsp:getProperty>動(dòng)作<jsp:getProperty>動(dòng)作用來提取指定Bean屬性的值，轉(zhuǎn)換成字符串，然后輸出。其語法格式為：<jsp:getPropertyname="beanInstanceName"property="propertyName"/><jsp:getProperty>元素可以獲取Bean的屬性值，并可以將其使用或顯示在JSP頁面中。在使用<jsp:getProperty>之前，必須用<jsp:useBean>創(chuàng)建它。117<jsp:forward>動(dòng)作<jsp:forward>用于引導(dǎo)客戶端的請求到另一個(gè)頁面或者是另一個(gè)Servlet去。其語法格式為：<jsp:forwardpage={"relativeURL"|"<%=expression%>"}/><jsp:forward>動(dòng)作可以包含一個(gè)或幾個(gè)<jsp:param>子動(dòng)作，用于向要引導(dǎo)進(jìn)入的頁面?zhèn)鬟f參數(shù)。需要注意，當(dāng)<jsp:forward>動(dòng)作發(fā)生的時(shí)候，如果已經(jīng)有文本被寫入輸出流而且頁面沒有設(shè)置緩沖，那么將拋出一個(gè)IllegalStateException的異常。118<jsp:plugin>在JSP處理這個(gè)動(dòng)作的時(shí)候，將根據(jù)客戶端瀏覽器的不同，JSP在執(zhí)行以后將分別輸出為OBJECT或EMBED這兩個(gè)不同的HTML元素。其語法格式為：<jsp:plugintype="bean|applet"code="classFileName"codebase="classFileDirectoryName"[name="instanceName"][archive="URIToArchive,..."][align="bottom|top|middle|left|right"][height="displayPixels"][width="displayPixels"]119[hspace="leftRightPixels"][vspace="topBottomPixels"][jreversion="JREVersionNumber|1.1"][nspluginurl="URLToPlugin"][iepluginurl="URLToPlugin"]>[<jsp:params>[<jsp:paramname="parameterName"value="{parameterValue|<%=expression%>}"/>]</jsp:params>][<jsp:fallback>textmessageforuser</jsp:fallback>]</jsp:plugin>1204.7JSP腳本JSP腳本即Scriptlet，也就是JSP中的代碼部分，是java程序的一段代碼，幾乎可以使用任何java語法，它是在請求時(shí)期執(zhí)行的，它可以使用jsp頁面所定義的變量、方法、表達(dá)式或JavaBeans。腳本的語法格式為：<%scriptlet%>如果要在Scriptlet內(nèi)部使用字符“%>”，必須寫成“%＼>”

121第六講使用內(nèi)部對象系統(tǒng)一、瀏覽器對象層次及其主要作用除了前面提到過的文檔document對象外，Navigator瀏覽器中還提供了窗口（Window）對

象以及歷史（History）和位置（Location）對象。瀏覽器對象(Navigator)

提供有關(guān)瀏覽器的信息窗口對象(Windows)Window對象處于對象層次的最頂端，它提供了處理Navigator窗口的方法和屬性。位置對象(Location)Location對象提供了與當(dāng)前打開的URL一起工作的方法和屬性，它是一個(gè)靜態(tài)的對象。歷史對象(History)History對象提供了與歷史清單有關(guān)的信息。文檔對象(Document)document對象包含了與文檔元素(elements)一起工作的對象，它將這些元素封裝起來

供編程人員使用。122二、文檔對象功能及其作用在Navigator瀏覽器中，document文檔對象是核心是，同時(shí)也是最重要的。見圖所示。

LinksAnchorFormMethodProp

鏈接對象錨對象窗體對象方法對象從圖中可以看出，document對象的主要作用就是把這些基本的元素（如links,anchor等）包裝起來，提供給編程人員使用。從另一個(gè)角度看，document對象中又是由屬性和方法組成。123１、document中三個(gè)主要的對象在document中主要有：links,anchor,form等三個(gè)最重要的對象：（１）anchor錨對象：

anchor對象指的是<AName=...></A>標(biāo)識(shí)在HTML源碼中存在時(shí)產(chǎn)生的對象。它包含著文檔中所有的anchors信息。（２）鏈接links對象

link對象指的是用<AHref=...></A>標(biāo)記的連接一個(gè)超文本或超媒體的元素作為一個(gè)特定的URL。（３）窗體（Form）對象窗體對象是文檔對象的一個(gè)元素，它含有多種格式的對象儲(chǔ)存信息，使用它可以在JavaScript腳本中編寫程序進(jìn)行文字輸入，并可以用來動(dòng)態(tài)改變文檔的行為。通過document.Forms[]數(shù)組來使得在同一個(gè)頁面上可以有多個(gè)相同的窗體,使用forms[]數(shù)組要比使用窗體名字要方便得多。124例:下面就是一個(gè)使用窗體數(shù)組和窗體名字的例子。該程序使得兩個(gè)窗體中的字段內(nèi)容保持一致。

Test6_1.htm<Html><head></head><body><form><inputtype=textonChange="document.my.elements[0].value=this.value;"></form><formNAME="my"><inputtype=textonChange="document.forms[0].elements[0].value=this.value;"></form></body></html>125２、文檔對象中的attribute屬性

document對象中的attribute屬性，主要用于在引用Href標(biāo)識(shí)時(shí)，控制著有關(guān)顏色的格式和有關(guān)文檔標(biāo)題、文檔原文件的URL以及文檔最后更新的日期。這部分元素的主要含義如下：（１）鏈接顏色：alinkcolor

這個(gè)元素主要用于，當(dāng)選取一個(gè)鏈接時(shí)，鏈接對象本身的顏色就按alinkcolor指定改變。（２）鏈接顏色：linkcolor

當(dāng)用戶使用<AHref=...>Textstring</A>鏈接后，Textstring的顏色就會(huì)按Linkcolor所指定的顏色更新。（３）瀏覽過后的顏色：VlinkColor該屬性表示的是已被瀏覽存儲(chǔ)為已瀏

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(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ǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論