第3章 jsp語言基礎(chǔ)

1、第3章 JSP語言基礎(chǔ),本章主要內(nèi)容：HTML標(biāo)記的語法、作用和使用方法JavaScript腳本語言的應(yīng)用JSP的基本語法JSP指令標(biāo)簽和動(dòng)作標(biāo)簽的使用方法,第3章 JSP語言基礎(chǔ),3.1 HTML基礎(chǔ)知識(shí)3.2 JSP基本語法,3.1 HTML基礎(chǔ)知識(shí),3.1.1 HTML文檔結(jié)構(gòu)3.1.2 HTML表單3.1.3 JavaScript基礎(chǔ),,3.1.1 HTML文檔結(jié)構(gòu),HTML文檔是在普通文件中的文本上加上標(biāo)簽，

2、使其達(dá)到預(yù)期的顯示效果。當(dāng)瀏覽器打開一個(gè)HTML文檔時(shí)，會(huì)根據(jù)標(biāo)簽的含義顯示HTML文檔中的文本。其中標(biāo)簽由“”來表示。,1. HTML標(biāo)簽的結(jié)構(gòu)形態(tài)1） 元素 2） 元素 3）,3.1.1 HTML文檔結(jié)構(gòu),2．HTML文檔結(jié)構(gòu)HTML文檔分“文件頭”和“文件體”兩部分，在文件頭里，對這個(gè)文檔進(jìn)行了一些必要的定義，文件體中才是要顯示的各種文檔信息，HTML文檔的結(jié)構(gòu)如下所示。,3.1.1 HTML文檔結(jié)構(gòu),頭部信息，如標(biāo)

3、題 在這里放置網(wǎng)頁的內(nèi)容，包括文本、超鏈接、圖像、動(dòng)畫等其中在最外層，表示這對標(biāo)簽間的內(nèi)容是HTML文檔。一些HTML文檔省略了標(biāo)簽，因?yàn)閿U(kuò)展名為.html或.htm的文件被Web瀏覽器默認(rèn)為是HTML文檔。與之間包括文檔的頭部信息，如文檔的標(biāo)題等，若不需頭部信息則可省略此標(biāo)簽。標(biāo)簽一般不省略，表示正文內(nèi)容的開始。,3.1.1 HTML文檔結(jié)構(gòu),【例1】 顯示歡迎光臨主頁。 本例是顯示一個(gè)簡單的超文本文檔，使用HTML的一些

4、常用標(biāo)簽，如標(biāo)題、字體等。一個(gè)簡單的HTML文檔 歡迎光臨 這是我的第一個(gè)主頁，歡迎大家的訪問！ 該代碼輸出結(jié)果頁面如圖所示。,,3.1.2 HTML表單,在網(wǎng)頁設(shè)計(jì)中，一般使用HTML標(biāo)簽創(chuàng)建用戶界面，實(shí)現(xiàn)輸入數(shù)據(jù)和展示數(shù)據(jù)。網(wǎng)頁中這種由可輸入表項(xiàng)及項(xiàng)目選擇等元素所組成的欄目稱為“表單”，使用表單可以實(shí)現(xiàn)頁面的數(shù)據(jù)傳送，還可以實(shí)現(xiàn)Web程序和用戶的交互。

5、表單通常都和程序連接（如JSP程序）來實(shí)現(xiàn)數(shù)據(jù)的處理，一個(gè)表單有三個(gè)基本組成部分：（1）表單標(biāo)簽（2）表單組件（3）表單按鈕,1．表單的基本語法如下： [數(shù)據(jù)輸入組件（１至多個(gè)組件）][ 格式化組件] 提交組件 [重置組件]2．單行文本編輯框的一般語法格式如下：,3.1.2 HTML表單,3．密碼框的一般語法格式： 4．單選按鈕的一般語法格式：5．復(fù)選框的一般語法格式：,3.1.2 HTML表單,

6、6. 列表框的基本格式為： …… 7．多行文本編輯框語法格式：,3.1.2 HTML表單,8．表格的基本語法： 表頭字段11 … 表頭字段1n 表頭字段21 … 表頭字段2n …… 數(shù)據(jù)11 … 數(shù)據(jù)1n 數(shù)據(jù)21 … 數(shù)據(jù)2n ……,3.1.2 HTML表單,9．提交按鈕語法格式：

7、10．重置按鈕的語法格式：,3.1.2 HTML表單,,,3.1.3 JavaScript基礎(chǔ),JavaScript是一種基于對象和事件驅(qū)動(dòng)的腳本語言，常在Web開發(fā)中用于增強(qiáng)網(wǎng)頁與應(yīng)用程序間的交互，從而可以開發(fā)客戶端的應(yīng)用程序。JavaScript的特點(diǎn)：（1）簡單（2）動(dòng)態(tài)（3）跨平臺(tái)性（4）基于事件,JavaScript中的事件1）單擊事件 onClick2）改變事件 onChange3）選中事件 onSelec

8、t4）獲得焦點(diǎn)事件 onFocus,3.1.3 JavaScript基礎(chǔ),2．JavaScript的常用方法JavaScript能方便的使用瀏覽器環(huán)境提供的對象，這些對象主要包括：windows對象（窗口對象）document對象（文檔對象）location對象（位置對象）history對象（歷史對象）其中windows對象是所加載文檔的對象，調(diào)用windows對象的方法可以直接寫方法名，而document對象包含了與文檔

9、對象一起工作的對象。,3.1.3 JavaScript基礎(chǔ),windows對象和document對象的常用方法如下：（1）window.alert()方法：創(chuàng)建一個(gè)具有OK按鈕的信息框。（2）window.confirm()方法：為編程人員提供一個(gè)具有兩個(gè)按鈕的對話框。（3）window.prompt()方法：允許用戶在對話框中輸入信息。（4）document.write()方法和document.writeln()方法：用于將

10、文本信息直接輸出到瀏覽器窗口中的方法。,3.1.3 JavaScript基礎(chǔ),3．使用JavaScript實(shí)現(xiàn)客戶端驗(yàn)證的常見語法1）腳本標(biāo)簽在和之間編寫JavaScript代碼。2）定義函數(shù)function check(){ //函數(shù)體 }3）獲取表單元素pass的值document.form1.pass.value4）獲取表單元素pass的長度document.form1.pass.value.length,3.

11、1.3 JavaScript基礎(chǔ),5）在表單元素pass上設(shè)置光標(biāo)document.form1.pass.focus()6）在表單元素pass中查找字符document.form1.pass.indexOf(‘@’)7）獲取表單元素pass中的第i個(gè)字符document.form1.pass.charAt(i)8）將表單提交給Web服務(wù)器上的處理程序document.form1.submit(),3.1.3 JavaScr

12、ipt基礎(chǔ),3.2 JSP基本語法,3.2.1 Java程序片3.2.2 JSP標(biāo)簽,,3.2.1 Java程序片,java程序片是用來實(shí)現(xiàn)邏輯計(jì)算的，是JSP中的腳本元素，它包括三個(gè)部分1．聲明JSP聲明的語法格式為： 在聲明變量和方法時(shí)，有以下幾點(diǎn)需要注意。（1）聲明必須以“；”結(jié)尾。（2）一個(gè)聲明僅在一個(gè)頁面中有效。（3）可以直接使用在中被包含進(jìn)來的已經(jīng)聲明的變量和方法，而不需要對重新進(jìn)行聲明。,2

13、．表達(dá)式JSP表達(dá)式的語法格式為： 在書寫表達(dá)式時(shí)還要注意以下幾點(diǎn)：（1）“<%=”是一個(gè)完整的符號(hào)，”<%” 和 ”=”不能有空格。（2）JSP的表達(dá)式中沒有分號(hào)，除非在加引號(hào)的字符串部分才使用分號(hào)。（3）表達(dá)式能夠使用任何java語法，有時(shí)候也能作為其他JSP元素的屬性值。,3.2.1 Java程序片,3. JSP腳本代碼JSP腳本代碼的語法格式為：JSP腳本代碼主要用于三個(gè)方面，即（1）聲明將要用的

14、變量。（2）顯示表達(dá)式。（3）使用內(nèi)部對象和使用聲明過的對象，編寫JSP程序。,3.2.1 Java程序片,【例】計(jì)算圓的面積和周長。在本例中，由客戶提供圓的半徑，然后計(jì)算圓的面積和周長。本例程序算法為：先定義一個(gè)圓類Circle，該類包含計(jì)算面積和周長的方法。使用表單創(chuàng)建用戶輸入圓半徑的界面，通過表單獲得用戶輸入的圓的半徑r，然后以半徑r為參數(shù)創(chuàng)建一個(gè)圓對象，計(jì)算圓的面積和周長，最后輸出計(jì)算結(jié)果。代碼詳見教材.,3.2.1

15、Java程序片,3.2.2 JSP標(biāo)簽,一般使用JSP標(biāo)簽控制頁面屬性。JSP標(biāo)簽分為JSP注釋、JSP指令標(biāo)簽和JSP動(dòng)作標(biāo)簽三類。1．JSP注釋JSP注釋分兩種：一種在客戶端顯示的注釋，稱為HTML注釋；另外一一種就是客戶端看不到，只給開發(fā)人專用的注釋，稱為JSP注釋，也稱為隱藏注釋。,2．JSP指令標(biāo)簽JSP指令標(biāo)簽主要包括page和include指令。page指令標(biāo)簽由多個(gè)屬性名="屬性值"對構(gòu)成,其

16、語法格式如下：,3.2.2 JSP標(biāo)簽,3.2.3 JSP的動(dòng)作指令,JSP的動(dòng)作和JSP的指令標(biāo)簽不同，它是客戶端請求時(shí)動(dòng)態(tài)執(zhí)行的，是通過XML語法格式的標(biāo)記來實(shí)現(xiàn)控制Servlet引擎行為的。利用JSP的動(dòng)作可以實(shí)現(xiàn)很多功能，包括動(dòng)態(tài)的插入文件、重用JavaBean組件、把用戶重定向到另外的頁面、為Java插件生成HTML代碼等。1．動(dòng)作指令2．動(dòng)作指令3．動(dòng)作指令,本 章 小 結(jié),本章對使用JSP編程所需的基礎(chǔ)知道HTM