第3章 jsp語言基礎

1、第3章 JSP語言基礎,本章主要內容：HTML標記的語法、作用和使用方法JavaScript腳本語言的應用JSP的基本語法JSP指令標簽和動作標簽的使用方法,第3章 JSP語言基礎,3.1 HTML基礎知識3.2 JSP基本語法,3.1 HTML基礎知識,3.1.1 HTML文檔結構3.1.2 HTML表單3.1.3 JavaScript基礎,,3.1.1 HTML文檔結構,HTML文檔是在普通文件中的文本上加上標簽，

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

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

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

5、表單通常都和程序連接（如JSP程序）來實現(xiàn)數(shù)據(jù)的處理，一個表單有三個基本組成部分：（1）表單標簽（2）表單組件（3）表單按鈕,1．表單的基本語法如下： [數(shù)據(jù)輸入組件（１至多個組件）][ 格式化組件] 提交組件 [重置組件]2．單行文本編輯框的一般語法格式如下：,3.1.2 HTML表單,3．密碼框的一般語法格式： 4．單選按鈕的一般語法格式：5．復選框的一般語法格式：,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基礎,JavaScript是一種基于對象和事件驅動的腳本語言，常在Web開發(fā)中用于增強網(wǎng)頁與應用程序間的交互，從而可以開發(fā)客戶端的應用程序。JavaScript的特點：（1）簡單（2）動態(tài)（3）跨平臺性（4）基于事件,JavaScript中的事件1）單擊事件 onClick2）改變事件 onChange3）選中事件 onSelec

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

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

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

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

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

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

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

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

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