版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1第3章
JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)
2了解和掌握HTML語(yǔ)法、CSS語(yǔ)法掌握J(rèn)SP注釋、變量和方法的聲明掌握J(rèn)SP指令、JSP動(dòng)作(Action)語(yǔ)法學(xué)習(xí)目標(biāo)3學(xué)習(xí)內(nèi)容HTML語(yǔ)法CSS語(yǔ)法JavaScript腳本JSP注釋變量、方法的聲明JSP指令JSP動(dòng)作(Action)語(yǔ)法JSP腳本4HTML文件的一般格式:<html><head><title>網(wǎng)頁(yè)標(biāo)題</title></head><body>
網(wǎng)頁(yè)正文</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=“打開(kāi)窗口方式”>熱點(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)題欄中。語(yǔ)法格式:
<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)頁(yè)制作">meta元素提供的信息是用戶不可見(jiàn)的,只是提供給那些搜索引擎使用。14(2)控制頁(yè)面緩存:<metahttp-equiv="pragma"content="no-cache">
在用戶下次打開(kāi)網(wǎng)頁(yè)時(shí),瀏覽器直接調(diào)用硬盤上緩存的上次臨時(shí)版本。如果每次打開(kāi)網(wǎng)頁(yè)的時(shí)看到最新版本,就加上該語(yǔ)句!15(3)定義語(yǔ)言:
<metahttp-equiv=“content-type”content=“text/html;charset=GB2312”>
設(shè)定語(yǔ)言的編碼方式。便于瀏覽器正確的選擇語(yǔ)言,不需要人工選取。16(4)自動(dòng)刷新頁(yè)面<METAhttp-equiv=“Refresh”content=“秒數(shù);url=新頁(yè)面”>注意:<META>標(biāo)識(shí)必須放置在<head>…</head>中http-equiv屬性值設(shè)置為“Refresh”時(shí),要求顯示URL指定的文件。173、script:用來(lái)在頁(yè)面中加入腳本程序。<scriptlanguage="腳本語(yǔ)言">
……
……
</script>
在language中一定要指定腳本語(yǔ)言的種類。如VBScript等。184、style:用來(lái)指定當(dāng)前文檔的css層疊樣式表。css對(duì)于網(wǎng)頁(yè)的字體樣式、背景、邊界等都有很大的應(yīng)用。193.2CSS語(yǔ)法
CSS簡(jiǎn)介CSS基本語(yǔ)法CSS基本屬性20一、CSS簡(jiǎn)介CSS(CascadingStyleSheet-“層疊樣式表”或“級(jí)聯(lián)樣式單”)
制作網(wǎng)頁(yè)時(shí)采用CSS技術(shù),可以有效地對(duì)頁(yè)面布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制,可以改變同一頁(yè)面的不同部分,或者頁(yè)數(shù)不同的網(wǎng)頁(yè)的外觀和格式。21“Cascading”
即在同一個(gè)Web文檔中可以有多個(gè)樣式表存在,根據(jù)所在的位置,擁有不同的優(yōu)先級(jí)。優(yōu)先級(jí)越高,就會(huì)被最后在顯示時(shí)采用。
從樣式表插入的形式來(lái)看可以分為三種: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>
對(duì)頁(yè)面中所有<p>標(biāo)記都起作用。23
3、外部式樣式表:
一種保存在外部的樣式表文件,外部文件以.CSS為擴(kuò)展名,例如:
<linkrel=stylesheethref="main-sheet.css"type="text/css">
24CSS擴(kuò)展HTML但不能脫離HTML,僅是一項(xiàng)輔助工具。減少圖形文件使用。CSS提供很多文字樣式,可輕松取代原來(lái)圖形表現(xiàn)的視覺(jué)效果。集中管理樣式信息。CSS可將網(wǎng)頁(yè)要展示內(nèi)容與樣式設(shè)定分開(kāi)。設(shè)定共享樣式。CSS樣式信息存成獨(dú)立文件,讓多個(gè)網(wǎng)頁(yè)文件共同使用。樣式分類使用。在一份HTML網(wǎng)頁(yè)文件上套用多個(gè)CSS樣式文件。25二、CSS基本語(yǔ)法
CSS的基本語(yǔ)法:
基本格式、注釋語(yǔ)句、選擇符等是開(kāi)發(fā)CSS基礎(chǔ)。通常,樣式表的定義分為選擇符(selector)和塊{}(block),塊里包含屬性(properties)和屬性的取值(value).格式:選擇符{屬性:屬性值}
26格式:選擇符{屬性:屬性值}
開(kāi)發(fā)人員可以在CSS中插入注釋來(lái)說(shuō)明代碼含義。CSS注釋以“/*”
開(kāi)頭,以“*/”
結(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”>請(qǐng)注意</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>中來(lái)定義該段落內(nèi)的格式的。在<BODY>中用<STYLE=>直接定義。這種定義方法非常適用于編寫的代碼比較多的情況。
而上面的代碼的CSS定義格式則非常適用于代碼較少、結(jié)構(gòu)較簡(jiǎn)單的情況。
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腳本語(yǔ)言JavaScript語(yǔ)言概況
JavaScript基本數(shù)據(jù)結(jié)構(gòu)
JavaScript程序構(gòu)成
基于對(duì)象的JavaScript語(yǔ)言創(chuàng)建新對(duì)象
使用內(nèi)部對(duì)象系統(tǒng)
窗口及輸入輸出
WEB頁(yè)面信息的交互
363.3.1JavaScript
JavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(EventDriven)并具有安全性能的腳本語(yǔ)言。使用目的是與HTML語(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)的。373.3.2JavaScript和JavaJava是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言,特別適合于Internet應(yīng)用程序開(kāi)發(fā);而JavaScript是Netscape公司的產(chǎn)品,其目的是為擴(kuò)展NetscapeNavigator功能而開(kāi)發(fā)的一種可以嵌入Web頁(yè)面中的基于對(duì)象和事件驅(qū)動(dòng)的解釋性語(yǔ)言。38Java是一種面向?qū)ο蟮恼Z(yǔ)言,即使是開(kāi)發(fā)簡(jiǎn)單的程序,必須設(shè)計(jì)對(duì)象。
JavaScript是種腳本語(yǔ)言,它是一種基于對(duì)象(ObjectBased)和事件驅(qū)動(dòng)(EventDriver)的編程語(yǔ)言。它本身提供豐富的內(nèi)部對(duì)象供設(shè)計(jì)人員使用。
39Java的源代碼在傳遞到客戶端執(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í)行。403.3.3JavaScript基本數(shù)據(jù)結(jié)構(gòu)一、JavaScript代碼的加入
直接將JavaScript腳本加入HTML文檔:
<ScriptLanguage=“JavaScript”>
JavaScript語(yǔ)言代碼;
JavaScript語(yǔ)言代碼;
</Script>41二、基本數(shù)據(jù)類型
數(shù)值(整數(shù)和實(shí)數(shù))、
字符串型(用“”號(hào)或‘’括起來(lái)的字符或數(shù)值)、
布爾型(True或False)和空值。
JavaScript采用弱類型的形式,因而一個(gè)數(shù)據(jù)的
變量或常量不必首先作聲明,而是在使用或賦值時(shí)確定其數(shù)據(jù)的類型的。當(dāng)然也可以先聲明該數(shù)據(jù)的類型,它是通過(guò)在賦值時(shí)自動(dòng)說(shuō)明其數(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。它主要用來(lái)說(shuō)明或代表一種狀態(tài)或標(biāo)志,以說(shuō)明操作流程。JavaScript只能用True或False表示其狀態(tài)。2、常量(4)字符型常量
使用單引號(hào)(‘)或雙引號(hào)(“)括起來(lái)的一個(gè)或幾個(gè)字符。如"ThisisabookofJavaScript"、"3245"、"ewrt234234"等。
44
(5)空值
JavaScript中有一個(gè)空值null,表示什么也沒(méi)有。如試圖引用沒(méi)有定義的變量,則返回一個(gè)Null值。
(6)特殊字符
同C語(yǔ)言一樣,JavaScript中同樣以有些以反斜杠(/)開(kāi)頭的不可顯示的特殊字符。通常稱為控制字符。
453、變量
(1)變量的命名
必須是一個(gè)有效的變量,即變量以字母開(kāi)頭,中間可以出現(xiàn)數(shù)字如test1、text2等。除下劃線(-)作為連字符外,變量名稱不能有空格、(+)、(-)、(,)或其它符號(hào)。不能使用JavaScript中的關(guān)鍵字作為變量。
在JavaScript中定義了40多個(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),只對(duì)其該函數(shù)是可見(jiàn)的,而對(duì)其它函數(shù)則是不可見(jiàn)的。
48三、表達(dá)式和運(yùn)算符1、表達(dá)式
算術(shù)表述式、字串表達(dá)式、賦值表達(dá)式、布爾表達(dá)式。2、運(yùn)算(1)算術(shù)運(yùn)算符(單目運(yùn)算符和雙目運(yùn)算符)49(2)比較運(yùn)算符
(3)布爾邏輯運(yùn)算符
增加了幾個(gè)布爾邏輯運(yùn)算符:
!(取反)、&=(與之后賦值)、&(邏輯與)、
|=(或之后賦值)、|(邏輯或)、^=(異或之后賦值)、^(邏輯異或)、?:(三目操作符)、||(或)、==(等于)、|=(不等于)。503.3.4JavaScript程序構(gòu)成一、程序控制流
1、if條件語(yǔ)句
基本格式
if(表述式)
語(yǔ)句段1;
else
語(yǔ)句段2;
2、For循環(huán)語(yǔ)句
for(初始化;條件;增量)
語(yǔ)句集;513.3.4JavaScript程序構(gòu)成3、while循環(huán)
基本格式
while(條件)
語(yǔ)句集;4、break和continue語(yǔ)句
52二、函數(shù)
1、JavaScript函數(shù)定義
Function函數(shù)名(參數(shù),變?cè)﹞
函數(shù)體;.
Return表達(dá)式;
}2、函數(shù)中的形式參數(shù):
函數(shù)名后有參數(shù)表,參數(shù)變量可能是一個(gè)或幾個(gè)。在JavaScript中可通過(guò)arguments.Length來(lái)檢查參數(shù)的個(gè)數(shù)。
53三、事件驅(qū)動(dòng)及事件處理
1、基本概念
JavaScript是object-based的語(yǔ)言。即在圖形界面環(huán)境下,使得一切輸入變化簡(jiǎn)單化。通常鼠標(biāo)或熱鍵的動(dòng)作稱之為事件(Event),而由鼠標(biāo)或熱鍵引發(fā)的一連串程序的動(dòng)作,稱之為事件驅(qū)動(dòng)(EventDriver)。而對(duì)事件進(jìn)行處理程序或函數(shù),稱之為事件處理程序(EventHandler)。542、事件處理程序
在JavaScript中對(duì)象事件的處理通常由函數(shù)(Function)擔(dān)任。其基本格式與函數(shù)全部一樣。格式如下:
Function事件處理名(參數(shù)表){
事件處理語(yǔ)句集;
}553、事件驅(qū)動(dòng)
事件通過(guò)鼠標(biāo)或熱鍵的動(dòng)作引發(fā)。主要有以下事件:
(1)單擊事件onClick
當(dāng)用戶單擊鼠標(biāo)按鈕時(shí),產(chǎn)生onClick事件。通常在下列基本對(duì)象中產(chǎn)生:button(按鈕對(duì)象)checkbox(復(fù)選框)或(檢查列表框)radio(單選鈕)resetbuttons(重要按鈕)submitbuttons(提交按鈕)56例:可通過(guò)下列按鈕激活change()文件:
<Form>
<Inputtype="button"Value=“
”onClick="change()">
</Form>在onClick等號(hào)后,可以使用自己編寫的函數(shù)作為事件處理程序,也可以使用JavaScript中內(nèi)部的函數(shù)。還可以直接使用JavaScript的代碼等。例:
<Inputtype="button"value=""onclick=alert("這是一個(gè)例子");57(2)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
(3)選中事件onSelect
當(dāng)Text或Textarea對(duì)象中的文字被加亮后,引發(fā)該事件。(4)獲得焦點(diǎn)事件onFocus
當(dāng)用戶單擊Text或textarea及select對(duì)象時(shí)產(chǎn)生該事件。此時(shí)該對(duì)象成為前臺(tái)對(duì)象。(5)失去焦點(diǎn)onBlur
當(dāng)text對(duì)象或textarea對(duì)象以及select對(duì)象不再擁有焦點(diǎn)、而退到后臺(tái)時(shí),引發(fā)該文件,他與onFocas事件是一個(gè)對(duì)應(yīng)的關(guān)系。59(6)載入文件onLoad
當(dāng)文檔載入時(shí),產(chǎn)生該事件。onLoad一個(gè)作用就是在首次載入一個(gè)文檔時(shí)檢測(cè)cookie的值,并用一個(gè)變量為其賦值,使它可以被源代碼使用。(7)卸載文件onUnload
當(dāng)Web頁(yè)面退出時(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基于對(duì)象的JavaScript語(yǔ)言一、對(duì)象的基礎(chǔ)知識(shí)1、對(duì)象的基本結(jié)構(gòu)
JavaScript中的對(duì)象是由屬性(properties)和方法(methods)兩個(gè)基本的元素構(gòu)成。2、引用對(duì)象的途徑一個(gè)對(duì)象要被使用,可采用以下幾種方式:引用JavaScript內(nèi)部對(duì)象;由瀏覽器環(huán)境中提供;創(chuàng)建新對(duì)象。
623、有關(guān)對(duì)象操作語(yǔ)句
(1)
For...in語(yǔ)句格式如下:
For(對(duì)象屬性名in已知對(duì)象名)用于對(duì)已知對(duì)象的所有屬性進(jìn)行操作的控制循環(huán)。它是將一個(gè)已知對(duì)象的所有屬性反復(fù)置給一個(gè)變量;而不是使用計(jì)數(shù)器來(lái)實(shí)現(xiàn)的。優(yōu)點(diǎn)是無(wú)需知道對(duì)象中屬性的個(gè)數(shù)即可操作。63例:
FunctionshowData(object)for(varpropinobject)document.write(object[prop]);使用該函數(shù)時(shí),在循環(huán)體中,F(xiàn)or自動(dòng)將的屬性取出來(lái),直到最后為此。64(2)with語(yǔ)句:該語(yǔ)句體內(nèi),任何對(duì)變量的引用被認(rèn)為是這個(gè)對(duì)象的屬性。withobject{...}
所有在with語(yǔ)句后的花括號(hào)中的語(yǔ)句,都在后面object對(duì)象的作用域中。65(3)this關(guān)鍵字
在JavaScript由于對(duì)象的引用是多層次,多方位的,對(duì)象間的彼此引用較多,有可能造成混亂,為此JavaScript提供語(yǔ)句this用于指定當(dāng)前對(duì)象。66(4)New運(yùn)算符
使用New運(yùn)算符可創(chuàng)建一個(gè)新對(duì)象。格式:Newobject=NEWObject(Parameterstable);如創(chuàng)建一個(gè)日期新對(duì)象newData=NewData()birthday=NewData(Decembe?12.1998)674、對(duì)象屬性的引用
(1)使用點(diǎn)(.)運(yùn)算符
university.Name=“云南省”
university.city=“昆明市”
university.Date="1999"
其中university是一個(gè)已經(jīng)存在的對(duì)象,Name、City?Date是它的三個(gè)屬性,并通過(guò)操作對(duì)其賦值。68
(2)通過(guò)對(duì)象的下標(biāo)實(shí)現(xiàn)引用
university[0]=“云南”
university[1]=“昆明市”
university[2]="1999"(3)通過(guò)字符串的形式實(shí)現(xiàn)
university["Name"]=“云南”
university["City"]=“昆明市”
university["Date"]="1999"695、對(duì)象的方法的引用ObjectName.methods()如:引用university對(duì)象中showmy()可使用:
document.write(university.showmy())或:document.write(university)70如引用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))71二、常用對(duì)象的屬性和方法1、常用內(nèi)部對(duì)象1)、string對(duì)象
使用格式:objectName.op/methods(1)串對(duì)象的屬性該對(duì)象只有一個(gè)屬性,即length。例:mytest="ThisisaJavaScript"mystringlength=mytest.length72(2)string對(duì)象方法方法共有19個(gè)。主要用于有關(guān)字符串在Web頁(yè)面中的顯示、字體大小、字體顏色、字符的搜索以及字符的大小寫。732、算術(shù)函數(shù)的math對(duì)象(1)主要屬性提供6個(gè)屬性,學(xué)中經(jīng)常用到的常數(shù)E、以10為底的自然對(duì)數(shù)LN10、以2為底的自然對(duì)數(shù)LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根為SQRT2。742、算術(shù)函數(shù)的math對(duì)象(2)主要方法絕對(duì)值:abs()
正弦余弦值:sin(),cos()
反正弦反余弦:asin(),acos()
正切反正切:tan(),atan()
四舍五入:round()
平方根:sqrt()
基于幾方次的值:Pow(base,exponent)753、日期及時(shí)間對(duì)象必須使用New運(yùn)算符創(chuàng)建一個(gè)實(shí)例。例:MyDate=NewDate()Date對(duì)象沒(méi)有提供直接訪問(wèn)的屬性。
(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(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ù)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);5、返回不同進(jìn)制的數(shù):parseInt(numbestring,rad.X)其中radix是數(shù)的進(jìn)制,numbs字符串?dāng)?shù)783.3.6創(chuàng)建新對(duì)象一、對(duì)象的定義基本格式如下:
FunctionObject(屬性表)
Tp1=prop1Tp2=prop2...This.meth=FunctionName1;This.meth=FunctionName2;...
在一個(gè)對(duì)象的定義中,可以為該對(duì)象指明其屬性和方法。通過(guò)屬性和方法構(gòu)成一個(gè)對(duì)象的實(shí)例。79
如:University對(duì)象的定義
Functionuniversity(name,city,creatDateURL)T=nameThis.city=cityThis.creatDate=NewDate(creatDate)This.URL=URL
其中:Name-指定一個(gè)“單位”名稱。
City-“單位”所在城市。
CreatDate-記載university對(duì)象更新日期。
URL-該對(duì)象指向一個(gè)網(wǎng)址。80二、創(chuàng)建對(duì)象實(shí)例對(duì)象定義完成后,可以為該對(duì)象創(chuàng)建一個(gè)實(shí)例:
NewObject=Newobject();
例:U1=Newuniversity(“云南省”,“昆明市”,"January05,199712:00:00","http://www.YN.KM")81三、對(duì)象方法的使用
在對(duì)象中還需要使用方法。在對(duì)象的定義中,This.meth=FunctionName語(yǔ)句,就是為定義對(duì)象的方法。而對(duì)象的方法就是一個(gè)函數(shù)FunctionName。82例:在university對(duì)象中增加一個(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定義對(duì)象的數(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ù)。通過(guò)for循環(huán)對(duì)一個(gè)當(dāng)前對(duì)象的數(shù)組進(jìn)行定義,最后返回這個(gè)數(shù)組。3.3.6JavaScript中的數(shù)組
84一個(gè)數(shù)組定義完成以后,還不能馬上使用,必須為該數(shù)組創(chuàng)建一個(gè)數(shù)組實(shí)例:Myarray=NewarrayName(n);并賦于初值:Myarray[1]=“字串1”;Myarray[2]=“字串2”;Myarray[3]=“字串3”;...Myarray[n]=“字串n”;一旦給數(shù)組賦于了初值后,數(shù)組中就具有真正意義的數(shù)據(jù)了,以后就可以在程序設(shè)計(jì)過(guò)程中直接引用。853.3.7WEB頁(yè)面信息的交互一、窗體基礎(chǔ)知識(shí)窗體(Form):它構(gòu)成了Web頁(yè)面的基本元素。通常一個(gè)Web頁(yè)面有一個(gè)窗體或幾個(gè)窗體,使用Forms[]數(shù)組來(lái)實(shí)現(xiàn)不同窗體的訪問(wèn)。<formName=Form1><INPUTtype=text...><Inputtype=text...><Inpupbyne=text...></form><formName=Form2><INPUTtype=text...><Inputtype=text...></form>在Forms[0]中共有三個(gè)基本元素,而Forms[1]中只有兩個(gè)元素。窗體對(duì)象最主要的功能就是能夠直接訪問(wèn)HTML文檔中的窗體,它封裝了相關(guān)的HTML代碼:86窗體對(duì)象最主要的功能就是能夠直接訪問(wèn)HTML文檔中的窗體,它封裝了相關(guān)的HTML代碼:<FormName="表的名稱"Target="指定信息的提交窗口"action="接收窗體程序?qū)?yīng)的URL"Method=信息數(shù)據(jù)傳送方式(get/post)enctype="窗體編碼方式"[onsubmit="JavaScript代碼"]></Form>872、窗體對(duì)象的方法窗體對(duì)象的方法只有一個(gè)--submit()方法,該方法主要功用就是實(shí)現(xiàn)窗體信息的提交。如提交Mytest窗體,則使用下列格式:document.mytest.submit()
3、窗體對(duì)象的屬性窗體對(duì)象中的屬性主要包括以下:elementsnameactiontargetencodingmethod.除Elements外,其它幾個(gè)均反映了窗體中標(biāo)識(shí)中相應(yīng)屬性的狀態(tài),這通常是單個(gè)窗體標(biāo)識(shí);而elements常常是多個(gè)窗體元素值的數(shù)組,例:elements[0].Mytable.elements[1]
884、訪問(wèn)窗體對(duì)象在JavaScript中訪問(wèn)窗體對(duì)象可由兩種方法實(shí)現(xiàn):(1)通過(guò)訪問(wèn)窗體在窗體對(duì)象的屬性中首先必須指定其窗體名,而后就可以通過(guò)下列標(biāo)識(shí)訪問(wèn)窗體如:document.Mytable()。(2)通過(guò)數(shù)組來(lái)訪問(wèn)窗體除了使用窗體名來(lái)訪問(wèn)窗體外,還可以使用窗體對(duì)象數(shù)組來(lái)訪問(wèn)窗體對(duì)象。但需要注意一點(diǎn),因窗體對(duì)象是由瀏覽器環(huán)境的提供的,而瀏覽器環(huán)境所提供的數(shù)組下標(biāo)是由0到n。所以可通過(guò)下列格式實(shí)現(xiàn)窗體對(duì)象的訪問(wèn):document.forms[0]document.forms[1]document.forms[2]...5、引用窗體的先決條件在JavaScript中要對(duì)窗體引用的條件是:必須先在頁(yè)面中用標(biāo)識(shí)創(chuàng)建窗體,并將定義窗體部分放在引用之前。89二、窗體中的基本元素窗體中的基本元素由按鈕、單選按鈕、復(fù)選按鈕、提交按鈕、重置按鈕、文本框等組成。
在JavaScript中要訪問(wèn)這些基本元素,必須通過(guò)對(duì)應(yīng)特定的窗體元素的數(shù)組下標(biāo)或窗體元素名來(lái)實(shí)現(xiàn)。每一個(gè)元素主要是通過(guò)該元素的屬性或方法來(lái)引用。其引用的基本格式見(jiàn)下:formName.elements[].methadName(窗體名.元素名或數(shù)組.方法)formName.elemaent[].propertyName(窗體名.元素名或數(shù)組.屬性)901、Text單行單列輸入元素功能:對(duì)Text標(biāo)識(shí)中的元素實(shí)施有效的控制?;緦傩裕篘ame:設(shè)定提交信息時(shí)的信息名稱。對(duì)應(yīng)于HTML文檔中的Name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(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>
912、textarea多行多列輸入元素功能:實(shí)施對(duì)Textarea中的元素進(jìn)行控制?;緦傩詎ame:設(shè)定提交信息時(shí)的信息名稱,對(duì)應(yīng)HTML文檔Textarea的Name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(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)生該文件
923、Select選擇元素功能:實(shí)施對(duì)滾動(dòng)選擇元素的控制。屬性:name:設(shè)定提交信息時(shí)的信息名稱,對(duì)應(yīng)文檔select中的name。Length:對(duì)應(yīng)文檔select中的lengthoptions:組成多個(gè)選項(xiàng)的數(shù)組selectIndex;該下標(biāo)指明一個(gè)選項(xiàng)select在中每一選項(xiàng)都含有以下屬性:Text:選項(xiàng)對(duì)應(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)生該事件。
934、Button按鈕功能:實(shí)施對(duì)Button按鈕的控制。屬性:Name:設(shè)定提交信息時(shí)的信息名稱,對(duì)應(yīng)文檔中button的Name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(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";//通過(guò)元素訪問(wèn)或document.testcallvalue="mytest";//通過(guò)名字訪問(wèn)</script>
945、checkbox檢查框功能:實(shí)施對(duì)一個(gè)具有復(fù)選框中元素的控制。屬性:name:設(shè)定提交信息時(shí)的信息名稱。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。Checked:該屬性指明框的狀態(tài)true/false.defauitchecked:默認(rèn)狀態(tài)方法:click()該方法使得框的某一個(gè)項(xiàng)被選中。事件:onclick:當(dāng)框的選被選中時(shí),產(chǎn)生該事件。956、radio無(wú)線按鈕功能:實(shí)施對(duì)一個(gè)具單選功能的無(wú)線按鈕控制。屬性:name:設(shè)定提交信息時(shí)的信息名稱,對(duì)應(yīng)HTML文檔中的radio的name相同value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息,對(duì)應(yīng)HTML文檔中的radio的name。length:單選按鈕中的按鈕數(shù)目。defalechecked:默認(rèn)按鈕。checked:指明選中還是沒(méi)有選中。index:選中的按鈕的位置。方法:chick():選定一個(gè)按鈕。事件:onclick:單擊按鈕時(shí),產(chǎn)生該事件。
967、hidden:隱藏功能:實(shí)施對(duì)一個(gè)具有不顯示文字并能輸入字符的區(qū)域元素的控制。屬性:name:設(shè)定提交信息時(shí)的信息名稱,對(duì)應(yīng)HTML文檔的hidden中的Name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息,對(duì)應(yīng)HTML文檔hidden中的value。defaleitvalue:默認(rèn)值978、Password口令功能:實(shí)施對(duì)具有口令輸入的元素的控制。屬性:Name:設(shè)定提交信息時(shí)的信息名稱,對(duì)應(yīng)HTML文檔中password中的name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息,對(duì)應(yīng)HTML文檔中password中的Value。defaultvalu:默認(rèn)值方法select():加亮輸入口令域。blur():使這丟失passward輸入焦點(diǎn)。focus():獲得password輸入焦點(diǎn)。
989、submit提交元素功能:實(shí)施對(duì)一個(gè)具有提交功能按鈕的控制。屬性:name:設(shè)定提交信息時(shí)的信息名稱,對(duì)應(yīng)HTML文檔中submit。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息,對(duì)應(yīng)HTML文檔中value。方法click()相當(dāng)于按下submit按鈕。事件:onclick()當(dāng)按下該按鈕時(shí),產(chǎn)生該事件。99三、范例
test8_1.htm<html><head><ScriptLanguage="JavaScript">//原來(lái)的顏色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)頁(yè)時(shí)完全被忽略,不發(fā)給客戶,當(dāng)希望隱藏JSP程序的注釋時(shí)是很有用的。其語(yǔ)法格式為:<%--comment--%>,comment為想要添加的文本注釋。103HTML注釋HTML注釋在發(fā)布網(wǎng)頁(yè)時(shí)可以在瀏覽器源文件窗口中可以看到,并且在這種注釋中可以使用JSP的表達(dá)式,其語(yǔ)法格式為:<!--comment[<%=expression%>]-->,其中comment可以是文字說(shuō)明,expression為JSP表達(dá)式。104Java注釋在JSP程序中,也可以遵循Java語(yǔ)言本身的注釋規(guī)則對(duì)代碼進(jìn)行注釋,這樣的注釋和隱藏注釋相似,在發(fā)布網(wǎng)頁(yè)被完全忽略,在瀏覽器的源文件窗口中看不到這種注釋。其語(yǔ)法格式為:<%/*comment*/%>,comment為要添加的注釋文本。1054.4變量、方法的聲明變量、方法的聲明和表達(dá)式表達(dá)式106變量、方法的聲明和表達(dá)式JSP中的聲明可以用來(lái)定義一個(gè)或多個(gè)合法的變量(包括普通變量和類變量)和方法,并不輸出任何的文本到輸出流去。在聲明元素中聲明的變量和方法將在JSP頁(yè)面初始化時(shí)被初始化。JSP聲明的語(yǔ)法格式為:<%!declaration;[declaration;]...%>,其中declaration為聲明的變量、方法的名稱和內(nèi)容。在聲明變量變量和方法時(shí),需要注意以下幾點(diǎn):聲明必須以";"結(jié)尾??梢灾苯邮褂迷?lt;%@page%>中被包含進(jìn)來(lái)的已經(jīng)聲明的變量和方法,不需要對(duì)它們重新進(jìn)行聲明。一個(gè)聲明僅在一個(gè)頁(yè)面中有效。如果想每個(gè)頁(yè)面都用到一些聲明,最好把它們寫成一個(gè)單獨(dú)的文件,然后用<%@include%>或<jsp:include>元素包含進(jìn)來(lái)。107表達(dá)式SP中表達(dá)式可以將某個(gè)計(jì)算結(jié)果轉(zhuǎn)換成一個(gè)字符串并且直接使用在輸出網(wǎng)頁(yè)上。包含一個(gè)符合JSP語(yǔ)法的表達(dá)式的語(yǔ)法格式為:<%=expression%>。JSP的表達(dá)式中沒(méi)有分號(hào),除非在加引號(hào)的字符串部分才使用分號(hào)。1084.5JSP指令include指令Page指令taglib指令109include指令在JSP中用include指令包含一個(gè)靜態(tài)的文件,同時(shí)解析這個(gè)文件中的JSP語(yǔ)句,使用jsp的include指令有助于實(shí)現(xiàn)jsp頁(yè)面的模塊化。其語(yǔ)法格式為:<%@includefile=“filename”%>,其中filename指被包含的文件的名稱。<%@include%>指令將會(huì)在JSP編譯時(shí)插入一個(gè)包含文本或代碼的文件,當(dāng)使用<%@include%>指令時(shí),這個(gè)包含的過(guò)程是靜態(tài)的。靜態(tài)的包含是指這個(gè)被包含的文件將會(huì)被插入到JSP文件中去,這個(gè)包含的文件可以是JSP文件、HTML文件、文本文件。如果包含的是JSP文件,這個(gè)包含的JSP文件中的代碼將會(huì)被執(zhí)行。110Page指令Page指令用來(lái)定義JSP文件中的全局屬性,它描述了與頁(yè)面相關(guān)的一些信息,其作用域?yàn)樗诘腏SP文件頁(yè)面和其包含的文件,但是<%@page%>指令不能作用于動(dòng)態(tài)的包含文件,例如<jsp:include>。Page指令的語(yǔ)法格式為:<%@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"]%>
無(wú)論把<%@page%>指令放在JSP的文件的哪個(gè)地方,它的作用范圍都是整個(gè)JSP頁(yè)面。111taglib指令taglib指令用來(lái)定義一個(gè)標(biāo)簽庫(kù)以及其自定義標(biāo)簽的前綴。其語(yǔ)法格式為:<%@tagliburi="tagLibraryURI"prefix="tagPrefix"%>其中,屬性u(píng)ri(UniformResourceIdentifier,統(tǒng)一資源標(biāo)識(shí)符)用來(lái)唯一的確定標(biāo)簽庫(kù)的路徑,并告訴JSP引擎在編譯JSP程序時(shí)如何處理指定標(biāo)簽庫(kù)中的標(biāo)簽,屬性prefix定義了一個(gè)指示使用此標(biāo)簽庫(kù)的前綴。1124.6JSP動(dòng)作(Action)語(yǔ)法<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)作用來(lái)把指定文件插入正在生成的頁(yè)面。其語(yǔ)法如下:<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)作用來(lái)裝載一個(gè)將在JSP頁(yè)面中使用的JavaBean。這個(gè)功能非常有用,因?yàn)樗瓤梢园l(fā)揮Java組件重用的優(yōu)勢(shì),同時(shí)也避免了損失JSP區(qū)別于Servlet的方便性。其語(yǔ)法格式為:<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的屬性值。正如上面所說(shuō)的,<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中的屬性值。其語(yǔ)法格式如下:<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)作用來(lái)提取指定Bean屬性的值,轉(zhuǎn)換成字符串,然后輸出。其語(yǔ)法格式為:<jsp:getPropertyname="beanInstanceName"property="propertyName"/><jsp:getProperty>元素可以獲取Bean的屬性值,并可以將其使用或顯示在JSP頁(yè)面中。在使用<jsp:getProperty>之前,必須用<jsp:useBean>創(chuàng)建它。117<jsp:forward>動(dòng)作<jsp:forward>用于引導(dǎo)客戶端的請(qǐng)求到另一個(gè)頁(yè)面或者是另一個(gè)Servlet去。其語(yǔ)法格式為:<jsp:forwardpage={"relativeURL"|"<%=expression%>"}/><jsp:forward>動(dòng)作可以包含一個(gè)或幾個(gè)<jsp:param>子動(dòng)作,用于向要引導(dǎo)進(jìn)入的頁(yè)面?zhèn)鬟f參數(shù)。需要注意,當(dāng)<jsp:forward>動(dòng)作發(fā)生的時(shí)候,如果已經(jīng)有文本被寫入輸出流而且頁(yè)面沒(méi)有設(shè)置緩沖,那么將拋出一個(gè)IllegalStateException的異常。118<jsp:plugin>在JSP處理這個(gè)動(dòng)作的時(shí)候,將根據(jù)客戶端瀏覽器的不同,JSP在執(zhí)行以后將分別輸出為OBJECT或EMBED這兩個(gè)不同的HTML元素。其語(yǔ)法格式為:<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語(yǔ)法,它是在請(qǐng)求時(shí)期執(zhí)行的,它可以使用jsp頁(yè)面所定義的變量、方法、表達(dá)式或JavaBeans。腳本的語(yǔ)法格式為:<%scriptlet%>如果要在Scriptlet內(nèi)部使用字符“%>”,必須寫成“%\>”
121第六講使用內(nèi)部對(duì)象系統(tǒng)一、瀏覽器對(duì)象層次及其主要作用除了前面提到過(guò)的文檔document對(duì)象外,Navigator瀏覽器中還提供了窗口(Window)對(duì)
象以及歷史(History)和位置(Location)對(duì)象。瀏覽器對(duì)象(Navigator)
提供有關(guān)瀏覽器的信息窗口對(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)
供編程人員使用。122二、文檔對(duì)象功能及其作用在Navigator瀏覽器中,document文檔對(duì)象是核心是,同時(shí)也是最重要的。見(jiàn)圖所示。
LinksAnchorFormMethodProp
鏈接對(duì)象錨對(duì)象窗體對(duì)象方法對(duì)象從圖中可以看出,document對(duì)象的主要作用就是把這些基本的元素(如links,anchor等)包裝起來(lái),提供給編程人員使用。從另一個(gè)角度看,document對(duì)象中又是由屬性和方法組成。1231、document中三個(gè)主要的對(duì)象在document中主要有:links,anchor,form等三個(gè)最重要的對(duì)象:(1)anchor錨對(duì)象:
anchor對(duì)象指的是<AName=...></A>標(biāo)識(shí)在HTML源碼中存在時(shí)產(chǎn)生的對(duì)象。它包含著文檔中所有的anchors信息。(2)鏈接links對(duì)象
link對(duì)象指的是用<AHref=...></A>標(biāo)記的連接一個(gè)超文本或超媒體的元素作為一個(gè)特定的URL。(3)窗體(Form)對(duì)象窗體對(duì)象是文檔對(duì)象的一個(gè)元素,它含有多種格式的對(duì)象儲(chǔ)存信息,使用它可以在JavaScript腳本中編寫程序進(jìn)行文字輸入,并可以用來(lái)動(dòng)態(tài)改變文檔的行為。通過(guò)document.Forms[]數(shù)組來(lái)使得在同一個(gè)頁(yè)面上可以有多個(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>1252、文檔對(duì)象中的attribute屬性
document對(duì)象中的attribute屬性,主要用于在引用Href標(biāo)識(shí)時(shí),控制著有關(guān)顏色的格式和有關(guān)文檔標(biāo)題、文檔原文件的URL以及文檔最后更新的日期。這部分元素的主要含義如下:(1)鏈接顏色:alinkcolor
這個(gè)元素主要用于,當(dāng)選取一個(gè)鏈接時(shí),鏈接對(duì)象本身的顏色就按alinkcolor指定改變。(2)鏈接顏色:linkcolor
當(dāng)用戶使用<AHref=...>Textstring</A>鏈接后,Textstring的顏色就會(huì)按Linkcolor所指定的顏色更新。(3)瀏覽過(guò)后的顏色:VlinkColor該屬性表示的是已被瀏覽存儲(chǔ)為已瀏
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(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ì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024年證件分揀機(jī)項(xiàng)目資金需求報(bào)告
- 項(xiàng)目工程后期服務(wù)總結(jié)報(bào)告-文書模板
- 《高級(jí)財(cái)務(wù)管理教程》課件
- 技術(shù)投資(合作)協(xié)議(30篇)
- 湖北6·15一般蒸汽爆炸事故調(diào)查報(bào)告
- 學(xué)年第一學(xué)期工作總結(jié)(26篇)
- 陜西省咸陽(yáng)市涇陽(yáng)縣2023-2024學(xué)年八年級(jí)上學(xué)期期末考試數(shù)學(xué)試卷(含解析)
- 高考一輪歷史總復(fù)習(xí)人教版必修1第八單元
- 《保險(xiǎn)的本質(zhì)》課件
- 《數(shù)字集成電路》課件
- (2024年)知識(shí)產(chǎn)權(quán)全套課件(完整)
- 入團(tuán)志愿書(2016版本)(可編輯打印標(biāo)準(zhǔn)A4) (1)
- 《質(zhì)量管理小組活動(dòng)準(zhǔn)則》2020版_20211228_111842
- 星巴克案例分析
- 挖金灣礦梯子間及管路安裝措施要點(diǎn)
- 工業(yè)區(qū)位和區(qū)位因素的變化(以首鋼為例)
- 物業(yè)管理搞笑小品劇本 搞笑小品劇本:物業(yè)管理難啊
- 《木偶兵進(jìn)行曲》教案
- 五四制青島版一年級(jí)科學(xué)上冊(cè)第四單元《水》全部教案
- 組織架構(gòu)圖PPT模板
- 外研版七年級(jí)上ModuleUnit教學(xué)反思
評(píng)論
0/150
提交評(píng)論