中文-第一章java web編程基礎(chǔ)_第1頁
中文-第一章java web編程基礎(chǔ)_第2頁
中文-第一章java web編程基礎(chǔ)_第3頁
中文-第一章java web編程基礎(chǔ)_第4頁
中文-第一章java web編程基礎(chǔ)_第5頁
免費(fèi)預(yù)覽已結(jié)束，剩余29頁可下載查看

下載本文檔

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

文檔簡介

JavaWeb本章要HTMLJavaWebHTML標(biāo)記做了詳細(xì)的介紹。對于JavaScript，也做了相應(yīng)的說明。HTML基HTML文件。1-1：第一個(gè)HTML源文件：<TITLE>FirstHTMLoIE1-1所示的效果。圖1- HTML1-1HTLHTM>TL>HL（但不是總是）是成對出現(xiàn)的，如<HTML>HTL><HTML>HTL>之間的兩<ED>EA>和<OD><DY以及在HED>TTLE>在<ODY>和<OY>標(biāo)記之間的內(nèi)容將顯示在瀏覽器的內(nèi)容框體內(nèi)，而在<HED>和</HEAD>之間的標(biāo)記用于對此HTML文件做一些附加的說明，除了<TITLE>和</TITLE>標(biāo)<HEAD>中常用的標(biāo)在<HEAD>標(biāo)記中，除了上小節(jié)提到的<TITLE>標(biāo)記外，還常常會使用另外一個(gè)<BODY>中常用的標(biāo)在<BODY>的內(nèi)容都會顯示到瀏覽器的中，所以，這是HTML活動的主要舞<BODY>標(biāo)記表示的是整個(gè)在瀏覽器中顯示的部分，它有對應(yīng)的結(jié)束標(biāo)RGBBGCOLOR="red"等。BACKGROUND屬性用于引入HTML文檔的背景。如：BACKGROUND=“images/bg.gif"?？梢允褂玫母袷綖镚IF，JPEG格式。如果指定了背景，指定的<TITLE>SecondHTML<BODYBGCOLOR="RED"BACKGROUND="bg.gif"1-2body.htmIE1-2bodyhtmIE除了可以使用<BODY>TEXTHTML文檔中的文字顏色外，""在這個(gè)<FONT>標(biāo)記中，使用了三個(gè)屬性來定義<FONT>中包含的文字的風(fēng)格：用COLOR指定文字的顏色；FACE屬性指定文字的字體，注意，如果在客戶端的系統(tǒng)上找不到指定的字體，瀏覽器將會使用系統(tǒng)的默認(rèn)字體來顯示；SIZE指定文字的大小。另外，還有三個(gè)標(biāo)記和字體的風(fēng)格相關(guān)：<B>、<I>和<U><B><I>Thisisa <B><I>Thisisa ……<IMG路徑"寬度"高度"<IMG路徑"寬度"高度"<IMG>標(biāo)記和前面其他的標(biāo)記不一樣的地方在于它可以不需要有結(jié)束標(biāo)記。SRC屬性他屬性都是可選的；WIDTH用于指明的寬度，如果不指定，則使用的實(shí)際寬度來用于指明的邊框大小，默認(rèn)為0，即沒有邊框；ALIGN用于指明的水平對齊方式，LEFT、RIGHT、CENTERLEFT，即靠左對齊。<A>標(biāo)記表示一個(gè)超，用于引導(dǎo)指向另外一個(gè)資源（其他HTML文件、、、JSP文件等等。它的用法如下： 其中HREF指明這個(gè)超指向的另一個(gè)資源這個(gè)屬性是必需的而<A>和</A>之間<A<A 另外，還可以將數(shù)據(jù)附在超上，通過超向HREF屬性定義的資源傳遞字符串個(gè)人名（Name）“”，那么，我們可以將超寫成如下格式： “?”來分割開需要的資源和往這個(gè)資源傳遞的數(shù)據(jù)，而Name是往這個(gè)資源傳遞也就是說，傳遞的數(shù)據(jù)按照“名-值”對的形式出現(xiàn)。在服務(wù)器端，可以在getData.jsp中通 ：：Lis

1-3列IE1-4所示。從上面的代碼可以看用于定義表格的一列，所有的表格內(nèi)容都放在<TD></TD>之間，可以是文字、、（FORM值。另外，對于不規(guī)則的表格，可以使用ROWSPAN來設(shè)置表格的格子的表格行數(shù)，而用COLSPAN來設(shè)置表格的格子所的表格列數(shù)。23列。<TR1-4表1-5ASP、JSP、Servlet、CGI等程序?qū)鬟f過來的數(shù)據(jù)出來進(jìn)行處理。FORM定義的基本格式如下：<FORM<FORMACTION=""METHOD=""NAME=""FORMACTION、METHOD、NAME、ENCTYPE等屬性，用于ACTIONURL，它通常是一個(gè)相對路徑。如果沒URL。因?yàn)镋T數(shù)據(jù)是ULULUL所以這種方不適于發(fā)送要據(jù)的表比而OTULULURLGET這種方式無法傳送大量POST方式不會有這種問題。NAME屬性用于給這個(gè)FORMENCTYPE屬性用于定義數(shù)據(jù)在發(fā)送前需要完成的編碼方式，如果沒有設(shè)置這個(gè)屬性，那么會使用默認(rèn)的值application/x-www-form-urlencoded，它使用的編碼方式是UTF-8。（MultipurposeInternetMailExtensionprotocol,多用途網(wǎng)際郵件擴(kuò)充協(xié)議）ACCEPT-CHARSETASP、JSP、Servlet或者其他的程序文本組件分成三種：文本框、框和文本域，它們都可以放在FORM標(biāo)記中用于接性可以用于指定文本框的默認(rèn)值；SIZE屬性用于定義文本框的大小，默認(rèn)是20；而MAXLENGTH是用于限制文本框的輸入數(shù)據(jù)長度的屬性?？騃NPUTTYPE屬和前面的兩個(gè)文本組件不同，<EXAEA>AEOSOS文本域的列數(shù)，如果文本域有默認(rèn)值，則將默認(rèn)值放在<TXTAE>和TETAE>之間。源文件 <INPUTTYPE="TEXT"NAME="UserNameSIZE="15"MAXLENGTH="30"VALUE="默認(rèn)值"><BR>SIZE="15"MAXLENGTH="30"><BR>

1-6文本組<SELECT<SELECTNAME=""<OPTIONSELETE“SE”屬性用于指定下拉列表在瀏覽器中顯示的行數(shù)，如果不指定這個(gè)屬性，那么在瀏OTON>VAUE”ELEE<OTN><OTN>并且同時(shí)將“SIZE22以上。<FORMNAME="FN"<SELECTNAME="Favorite"SIZE="4"<SELECT

1-7下拉列選 <INPUTTYPE="CHECKBOX"NAME="<INPUTTYPE="CHECKBOX"NAME=""VALUE="上網(wǎng)"VALUE=""1-8

1-8HTML中，有三種類型的按鈕：Submit、ButtonResetSubmit按鈕可以將JavaScript結(jié)合起來使用才有意義；Reset按鈕可以將表單的內(nèi)容回復(fù)到原始的狀態(tài)。Submit定為“SUBMIT”就可以了，另外需要給它指定一個(gè)名字。VALUE屬性將顯示在Submit按IE中通常會是“SubmitQueryIE中是就可以了，另外需要給它指定一個(gè)名字。VALUEReset按鈕上，它可以不指定，而是讓瀏覽器自己給它賦值，不同的瀏覽器中會有一些差別，如在英文IE中顯示為“ResetIE中顯示為“重置”等。ButtonSubmitReset按鈕一樣，Button使用<INPUT>Button和文本框等組件一樣，隱藏域的定義也是使用<INPUT>標(biāo)記來完成的，需要將它的接收用戶的輸入，所以通常需要給它指定一個(gè)VALUE值。同時(shí)需要給它的“NAME”指定一個(gè)值。MAXLENGTHSIZE屬性的含義和文本框的含擇框，讓用戶選擇一個(gè)文件。1-9IE1-9文件上載組JavaScript是一種語言，它可以嵌入到HTML中。它的前身稱為LiveScript，是JavaScript，雖然它里面有一個(gè)基于對象（以及事件）的。JavaScript的主要作用是用在瀏覽器端，用于產(chǎn)生一些動態(tài)效果或者用于對HTMLJavaScript的基礎(chǔ)知識和如何使JavaScript對表單進(jìn)行必要的驗(yàn)證。要在瀏覽器中執(zhí)行JavaScript，需要一個(gè)IE3.0以上版本或者NetscapeNavigator2.0以上版本。JavaScriptJavaScript是嵌入到HTML中的，也就是說，JavaScriptHTML文件。下面我們首先來看一個(gè)簡單的HTMLJavaScript的例子。JavaScript<Script“VBScript”或者“JScript”的一種。VBScript是微軟以VB為藍(lán)本開發(fā)的一種語言，它目前主要用在服務(wù)器端作為ASP的語言；Jscript是微軟在JavaScript基礎(chǔ)上作了一些擴(kuò)充后的一種語言，它只可以在MSIE中被使用。中，使用JavaScript的內(nèi)建對象的write方法，向?yàn)g覽器輸出一條語句。圖1-101-10第一個(gè)JavaScript執(zhí)行效“”就必須全部小寫，而不能寫成“JavaScript中，所有的內(nèi)置JavaScriptJava中類似的注釋方式：單行注釋用“//”，多行注釋用“/*”varvaruserName;age=username=varvaruserName;age=username="AlexWen";varmyVar=0x123F;varisMarried=false;if{}if{}[else{}[{}]]Javaif{case{case{case{case{{}]]{}JavaScript中，有兩種循環(huán)語句：for和while{}其中，initialExpression用來初始化計(jì)數(shù)變量；condition表達(dá)式表示循環(huán)的條件，如果{{}forwhilebreak……{………{…if(k==100)break;}100varresult=for(var{varresult=for(var{if(k==3)continue;result+=k;…}相加，所以這個(gè)代碼段的等效表達(dá)式是result0+1+2+4function{function{}functionfunction{return}JavaScriptJavaJava編JavaScript在JavaScript中，定義了豐富的對象提供給程序員使用。下面講述這些常用JavaScriptwindowwindow對象表示的是一個(gè)和瀏覽器相關(guān)的最高優(yōu)先級對象。它是所有其他對象的“祖一個(gè)windowtopframeiframe的情parent：用于使用了frameframe[NewWindow=][NewWindow=]urlwindowName是這個(gè)新開窗口的名稱，windowPros是這個(gè)新開窗口的屬性，通過設(shè)<Scriptlanguage="JavaScript">windowopen方法來新開一個(gè)窗口，這個(gè)窗口中將引入我們上面的FirstJS.htm文檔，在這里我們沒有給這個(gè)新開窗口指定名稱，我們給這個(gè)390像素（width=390），150像素（height=150），這個(gè)窗口沒上面的窗口是父窗口，而下面的那個(gè)窗口是新開的窗口，只要在瀏覽器中打開WindowOpen.htmFirstJS.htm這個(gè)文檔。1-11新開窗對象對象包含當(dāng)前文檔的信息例如標(biāo)題背景顏色表格等通過write()/wrin()方法，可以在瀏覽器中顯示內(nèi)容。對象的一個(gè)常用的地方就是向?yàn)g覽器formName的表單的對象等。它是下的一個(gè)對象，表示表單對象。一個(gè)文檔中的每一個(gè)表單都是獨(dú)立的、互不關(guān)聯(lián)的對象?？梢允褂?formName或者.forms[index]的方式來獲得對某個(gè)form的。Index的值在0到此文檔中的form的數(shù)目減1之間。得到指定的form對象后就可以使用它來獲得form中的各個(gè)元素例如.myForm.myText表示myFormmyTextform和它的元素，在后面我們討論表單驗(yàn)證的時(shí)候還會詳JavaScript在JavaScript中，可以通過對象來調(diào)用對應(yīng)的方法。在JavaScript中，有三個(gè)重要的windowalertconfirm和用于詢問的告框上的“確定”關(guān)閉警告框后，才能繼續(xù)操作。windowmessage是顯示在警告框上的警告信息。<Script1-12JavaScriptBODY標(biāo)記1-12警告confirm用于顯示JavaScript確認(rèn)框，這個(gè)框上面有兩個(gè)按鈕：一個(gè)“確定”confirm<Script{}{}1-131-14是點(diǎn)擊確認(rèn)框上的“確定”按鈕后的瀏1-13確認(rèn)1-14prompt是一個(gè)用于接收用戶輸入的詢問框。和confirm確認(rèn)框類似，它也有兩prompt其中，window可以不寫，Message是在這個(gè)詢問框上的提示信息，而defaultValue示例1-12：prompt<Scriptvaruser=prompt("輸入你 將會的名字寫到網(wǎng)頁中。圖1-15是詢問框，而圖1-16是輸入“章三”后網(wǎng)頁圖1-15詢問1-16JavaScript一種是當(dāng)窗口裝載（ad）（unoa）onLadnUnad<Scriptlanguage="JavaScript">functionmytest(){}}<BODYonLoad="JavaScript:alert('即將裝載文檔。');"發(fā)生的時(shí)候，可以直接調(diào)用window的方法或者調(diào)用自己定義的函數(shù)。onFocustext、password、selecttextarea有聚焦事<Scriptlanguage="JavaScript">functionfocusHandle(){}<FORM<INPUTTYPE="TEXT"件，因?yàn)槲覀冊谶@個(gè)程序中使用了onFocus這個(gè)處理器，那么，將會調(diào)用自定義的函數(shù)失去焦點(diǎn)（blur）onBlur()處理器可以對這個(gè)事件進(jìn)行text、password、selecttextarea有失去焦點(diǎn)事件發(fā)生。<Scriptlanguage="JavaScript">functionblurHandle(){ }<FORM<INPUTTYPE="TEXT"blurHandleUserName的失去焦1-17onClick()button、checkbox、radio、reset、submit以及超<Scriptlanguage="JavaScript">functionvalidateForm(){{}}<FORM<INPUTTYPE="TEXT"<FORM<INPUT<INPUTTYPE="TEXT"<SELECT<OPTION<OPTION<OPTION<OPTION<OPTION<OPTION<OPTIONchangeonChange處理器changeonChangealert方法，彈出一個(gè)警告框，selectedIndex這個(gè)索引就可以得到對應(yīng)的選項(xiàng)的值。在這里，this表示的是.TEST.Year這個(gè)表單元素，所以上面的alert語句也可以寫成如下方式： <FORM<INPUTTYPE="TEXT"NAME="UserNamevalue="JS編程基礎(chǔ)"changeonChangealert()此處使用this來這個(gè)文本框?qū)ο?。onSubmit處理器來處理這個(gè)onSubmitfalse，否則，表單將被提交。<Scriptlanguage="JavaScript">functioncheckForm(){{return}{return}}"onSubmit的處理器中，返回一個(gè)值，這個(gè)值由checkForm()這個(gè)函數(shù)決定，而checkForm這個(gè)函數(shù)中，只是通過用戶在確認(rèn)框的選擇來返回不同的值：如果用戶點(diǎn)擊的是“確定”，那么，checkForm()true，也就是說表單將被提交，否則，返回false，表單不會被提交。function{function{(}使用JavaScriptJavaScript可以在客戶端對表單進(jìn)行驗(yàn)證。假設(shè)我們有一個(gè)登錄表單，它有兩個(gè)元會將一部分不涉及數(shù)據(jù)庫的驗(yàn)證放到客戶端來完成。通過JavaScript，我們就可以簡單實(shí)現(xiàn)<Scriptlanguage="JavaScript">functioncheckForm(){ vartheForm= {}}else{ }{}}SubmitButton按鈕，而將表單的提交放到了JavaScript中來控制。這個(gè)checkForm()函數(shù)很簡單，就是首text元素的focus()方法將光標(biāo)移到“UserName”這個(gè)輸入框內(nèi)，然后判斷“Pwd”是否為空方法和上面一致如果用戶輸入了用戶名和那么則使用表單對象的submit()配置JSP/Servlet開發(fā)的環(huán)在編寫并運(yùn)行Servlet或者JSP程序之前，需要安裝并配置服務(wù)器軟件。目前支持JSP/ServletTomcat、JBoss、IBMWebsphere、BeaWeblogic等。這里，主要介紹Tomcat的安裝和使用。2001年度最具創(chuàng)新的Java產(chǎn)品(MostInnovativeJavaProduct)，同時(shí)它又是Sun公司推的規(guī)范都會在Tomcat的新版本中得到實(shí)現(xiàn)。最后，由于源代碼的開發(fā)及世界上許多程序員的卓越有效的工作，Tomcat可以和大部注意在安裝Tomcat前需要安裝J2SDK，可以從h JDK目前的版動方式略有不同），并在瀏覽器地址欄中輸入地址：，若正確的顯示/conf下的server.xmlTomcat下conf子中的配置文件server.xml，port="8080"minProcessors="5"maxProcessors="75"enableLookups="true"redirectPort="8443"acceptCount="10"debug="0"將其中的port=“8

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論