了得網研究生_Web項目開發實踐教程

編輯推薦

?1. 本書的特色是敘述全面且實踐性較強，從靜態Web頁面與動態Web頁面的開發入手，結合動態頁面開發技術JSP的相關知識點進行講解，結合開發環境的配置、程序創建和發布、源代碼的實現等步驟將Web項目程序的開發展現給讀者，具有很強的理論意義和實踐價值。每章*後提供小型案例實訓，即學即用，既鞏固所學內容，又鍛煉實際操作能力。

2. 本書結合案例詳細說明了Java Web軟件項目的整個開發過程，在項目開發過程中逐步熟悉各知識點，掌握B/S結構程序的運行原理和應用技能，*後完成一個完整的軟件項目的開發，讀者隻要認真研讀本書內容，就一定能夠順利掌握Java Web項目開發的相關知識和流程。

內容簡介

本書以電子商務平臺開發為基礎，采用任務分解、案例導向的思路，按照課程內容由簡單到復雜，實施難度由易到難的方式編排。每個實踐案例分為案例需求說明、技能訓練要點以及案例實現三個部分。
本書適合培養應用型人纔高校的計算機類、信息類及電子商務類等專業使用，也可作為非計算機專業學生和工程技術人員進行Web編程時的教材及參考書籍。

目錄
第1章概述1
1.1Web簡介1
1.2Web項目開發課程地位1
1.3Web應用程序開發1
1.3.1Web的概念及發展1
1.3.2Web應用程序的運行原理2
1.3.3Web應用程序開發模式3
1.4靜態網頁和動態網頁5
1.4.1靜態與動態網頁對比5
1.4.2動態網頁語言6
本章小結8
本章習題8
第2章HTML靜態網頁制作基礎10

第1章概述1

1.1Web簡介1

1.2Web項目開發課程地位1

1.3Web應用程序開發1

1.3.1Web的概念及發展1

1.3.2Web應用程序的運行原理2

1.3.3Web應用程序開發模式3

1.4靜態網頁和動態網頁5

1.4.1靜態與動態網頁對比5

1.4.2動態網頁語言6

本章小結8

本章習題8

第2章HTML靜態網頁制作基礎10

2.1HTML語言概述10

2.1.1HTML簡介10

2.1.2HTML的基本結構10

2.2常用HTML排版標記13

2.3HTML圖片17

2.4超鏈接20

2.5HTML列表21

2.6HTML表格23

2.7表單的使用27

2.8使用frame框架分割瀏覽器窗口31

2.9應用音樂與視頻標記33

2.10滾動標記35

2.11案例實踐37

2.11.1案例需求說明37

2.11.2技能訓練要點37

2.11.3案例實現37

本章小結41

本章習題41

第3章Dreamweaver基本網頁編輯47

3.1Dreamweaver簡介47

3.2軟件界面介紹47

3.2.1文檔窗口47

3.2.2狀態欄48

3.2.3插入工具欄49

3.2.4文檔工具欄49

3.2.5屬性面板50

3.2.6結果面板50

3.2.7文件面板51

3.2.8面板組51

3.2.9菜單52

3.3Dreamweaver的基本操作54

3.3.1在網頁中操作文本54

3.3.2在網頁中添加特殊字符58

3.3.3在網頁中添加圖片59

3.3.4插入圖像占位符62

3.3.5插入鼠標經過圖像63

3.4創建列表64

3.4.1創建項目列表64

3.4.2創建編號列表65

3.4.3列表屬性設置65

3.5在網頁中使用多媒體對像66

3.5.1多媒體對像的格式66

3.5.2使用聲音與視頻67

3.5.3插入Flash67

3.5.4在網頁中添加其他插件71

3.6插入其他對像72

3.6.1插入日期72

3.6.2插入水平線73

3.7案例實踐73

3.7.1案例需求說明73

3.7.2技能訓練要點74

3.7.3案例實現74

本章小結78

本章習題79

第4章CSS應用81

4.1CSS(Cascading Style Sheet)概念81

4.2CSS屬性設置81

4.2.1CSS常用文本屬性設置81

4.2.2CSS常用字體屬性設置83

4.2.3CSS常用顏色、背景等屬性設置84

4.3CSS用法85

4.3.1CSS選擇器85

4.3.2CSS樣式應用86

4.4DIV CSS使用方法90

4.5在Dreamweaver中創建CSS92

4.6案例實踐99

4.6.1案例需求說明99

4.6.2技能訓練要點100

4.6.3案例實現101

本章小結104

本章習題104

第5章JavaScript106

5.1JavaScript概述106

5.1.1JavaScript的起源106

5.1.2JavaScript的主要特點106

5.1.3JavaScript的應用107

5.2JavaScript引入方式108

5.2.1在HTML頁面中嵌入JavaScript腳本108

5.2.2在HTML頁面中鏈接外部的JavaScript文件109

5.3JavaScript語法109

5.3.1JavaScript的基本語法規則109

5.3.2變量的聲明與賦值110

5.3.3函數111

5.3.4JavaScript中的對像113

5.4編寫JavaScript程序118

5.5JavaScript DIV CSS結合121

5.6案例實踐123

5.6.1案例需求說明123

5.6.2技能訓練要點123

5.6.3案例實現123

本章小結124

本章習題125

第6章動態Web開發129

6.1Web開發概述129

6.1.1靜態Web頁面129

6.1.2動態Web頁面130

6.2JSP簡介131

6.3JSP開發環境安裝與配置131

6.3.1JDK的下載、安裝及環境變量配置131

6.3.2Tomcat安裝135

6.4JSP頁面開發與運行139

6.4.1JSP頁面的基本結構139

6.4.2JSP頁面的運行過程140

6.4.3JSP的運行原理147

6.5JSP的基本語法147

6.5.1JS素148

6.5.2JSP指令148

6.5.3JSP動作組件153

6.6JSP內置對像158

6.6.1request對像158

6.6.2response對像162

6.6.3Session對像164

6.6.4application對像173

6.7JSP中的文件操作176

6.8JSP中漢字亂碼處理179

6.9案例實踐182

6.9.1案例需求說明182

6.9.2技能訓練要點182

6.9.3案例實現182

本章小結184

本章習題184

第7章JDBC數據庫連接191

7.1MySQL的安裝與配置191

7.2SQLyog安裝與配置195

7.3JDBC簡介197

7.3.1JDBC的概念197

7.3.2JDBC驅動類型198

7.3.3JDBC工作原理198

7.4JDBC訪問數據庫步驟199

7.4.1創建與數據庫連接199

7.4.2通過JDBC執行SQL語句201

7.4.3ResultSet對像202

7.5數據庫編程應用204

7.5.1JDBC操作數據庫204

7.5.2解決數據庫亂碼問題206

7.5.3PreparedStatement的應用208

7.5.4JDBC的其他應用211

7.6數據庫連接池216

7.6.1數據庫連接池概述216

7.6.2數據庫連接池的基本原理216

7.6.3在服務器中配置連接池217

7.7案例實踐219

7.7.1案例需求說明219

7.7.2技能訓練要點220

7.7.3案例實現220

本章小結223

本章習題223

第8章服務器功能擴展技術——JavaBean與Servlet230

8.1JavaBean概述230

8.2與JvavBean相關的JSP動作組件230

8.3JavaBean與JSP的結合應用232

8.4Servlet概述243

8.5Servlet的生命周期244

8.6Servlet體繫的常用類和接口245

8.7Servlet會話250

8.8案例實踐257

8.8.1案例需求說明257

8.8.2技能訓練要點258

8.8.3案例實現258

本章小結266

本章習題266

第9章Web項目開發實例272

9.1JSP開發模式272

9.1.1JSP JavaBean模式272

9.1.2Servlet JSP JavaBean模式272

9.2“喫遍天下”美食團購網站的設計與實現273

9.2.1繫統分析與設計273

9.2.2數據庫設計275

9.2.3繫統實現277

本章小結339

本章習題339

附錄ACSS樣式表屬性340

附錄BJavaScript常用內建對像和預定義函數346

附錄CJavaScript事件358

參考文獻361

前言

《21世紀計算機科學與技術實踐型教程》
編輯委員會

主任：陳明
委員：毛國君白中英葉新銘劉淑芬劉書家湯庸何炎祥陳永義羅四維段友祥高維東郭禾姚琳崔大謝樹煜焦金生韓江洪
策劃編輯：謝琛《21世紀計算機科學與技術實踐型教程》
序
《21世紀計算機科學與技術實踐型教程》
編輯委員會

主任：陳明
委員：毛國君白中英葉新銘劉淑芬劉書家湯庸何炎祥陳永義羅四維段友祥高維東郭禾姚琳崔大謝樹煜焦金生韓江洪
策劃編輯：謝琛《21世紀計算機科學與技術實踐型教程》
序
21世紀影響世界的三大關鍵技術是：以計算機和網絡為代表的信息技術；以基因工程為代表的生命科學和生物技術；以納米技術為代表的新型材料技術。信息技術居三大關鍵技術之首。國民經濟的發展采取信息化帶動現代化的方針，要求在所有領域中迅速推廣信息技術，導致需要大量的計算機科學與技術領域的優秀人纔。計算機科學與技術的廣泛應用是計算機學科發展的原動力，計算機科學是一門應用科學。因此，計算機學科的優秀人纔不僅應具有堅實的科學理論基礎，而且更重要的是能將理論與實踐相結合，並具有解決實際問題的能力。培養計算機科學與技術的優秀人纔是社會的需要、國民經濟發展的需要。制定科學的教學計劃對於培養計算機科學與技術人纔十分重要，而教材的選擇是實施教學計劃的一個重要組成部分，《21世紀計算機科學與技術實踐型教程》主要考慮了下述兩方面。一方面，高等學校的計算機科學與技術專業的學生，在學習了基本的必修課和部分選修課程之後，立刻進行計算機應用繫統的軟件和硬件開發與應用尚存在一些困難，而《21世紀計算機科學與技術實踐型教程》就是為了填補這部分鴻溝。將理論與實際聯繫起來，結合起來，使學生不僅學會了計算機科學理論，而且也學會應用這些理論解決實際問題。另一方面，計算機科學與技術專業的課程內容需要經過實踐練習，纔能深刻理解和掌握。因此，本套教材增強了實踐性、應用性和可理解性，並在體例上做了改進——使用案例說明。實踐型教學占有重要的位置，不僅體現了理論和實踐緊密結合的學科特征，而且對於提高學生的綜合素質，培養學生的創新精神與實踐能力有特殊的作用。因此，研究和撰寫實踐型教材是必須的，也是十分重要的任務。優秀的教材是保證高水平教學的重要因素，選擇水平高、內容新、實踐性強的教材可以促進課堂教學質量的快速提升。在教學中，應用實踐型教材可以增強學生的認知能力、創新能力、實踐能力以及團隊協作和交流表達能力。實踐型教材應由教學經驗豐富、實際應用經驗豐富的教師撰寫。此繫列教材的作者不但從事多年的計算機教學，而且參加並完成了多項計算機類的科研項目，把他們積累的經驗、知識、智慧、素質融合於教材中，奉獻給計算機科學與技術的教學。我們在組織本繫列教材過程中，雖然經過了詳細地思考和討論，但畢竟是初步的嘗試，不完善甚至缺陷不可避免，敬請讀者指正。
本繫列教材主編陳明2005年1月於北京

前言

隨著網絡應用的普及與發展，Web應用程序的使用越來越廣泛，Web開發技術以其開放性、靈活性、安全性和成熟度贏得了很大的市場，成為Web項目開發的重要技術手段之一。本書是在應用型人纔培養的大背景下編寫的，全書采用項目案例訓練的設計方式，符合人纔培養的行動導向，按照靜態Web開發到動態Web開發的邏輯編排課程內容，案例設計時以實踐應用能力為主線，強調理論知識學習與實踐應用能力培養並存的人纔培養思想，將Web程序開發的知識點融入案例實踐中進行解析與重組，構建Web項目開發學習體繫。本書以電子商務平臺開發為基礎，采用任務分解、案例導向的思路，按照課程內容由簡單到復雜，實施難度由易到難的方式編排。每個實踐案例分為案例需求說明、技能訓練要點以及案例實現三個部分，使學生可以邊學邊練，達到所學即所得的效果。本書的特色是注重案例實踐，體現應用型高校的“理論扎實、撥高實踐”的人纔培養原則，理論結合實際，有利於讀者對相應編程思想和實踐案例的理解與掌握。本書還具有以下特色: (1) 內容廣泛、案例豐富，其中的例題、習題及實踐案例都來源於一線教學。(2) 按照讀者在學習程序設計中遇到的問題組織內容，隨著讀者對Web開發的理解的提高和實際動手能力的增強，課程內容由淺入深地平滑向前推進。(3) 每章都給出了相應的任務實踐，配以解析和任務實現。這些內容不僅能夠與理論知識點無縫對接，而且短小精煉，方便讀者自行嘗試。(4) 案例以電子商務平臺開發為基礎，每章的例題都使用相對獨立的例子，並輔以實例輸出。(5) 課後的練習題包括選擇題、填空題、簡答題和編程題，部分內容在前後章節中具有一定的延續性。(6) 本書的配套資料包含課件、實例源代碼、練習題及編程練習答案。書中的源代碼可以自由修改、編譯，以符合使用者的需要。通過本書的學習，讀者可以了解Web項目開發所需要的基本技術，對完整的Web項目的開發有一個具體的了解，減少對Web項目開發的盲目感，能夠根據本書的體繫循序漸進地動手做出自己的實訓項目。本書特別適合培養應用型人纔高校的計算機類、信息類及電子商務類等專業使用，可以作為Web技術導論、Web程序設計、互聯網與Web編程、電子商務平臺開發技術等課程的教材，也可以作為非計算機專業學生和工程技術人員進行Web編程時的教材及參考書籍。本書由朱林、莊麗擔任主編，楊平樂、徐新、潘操、高潔擔任副主編。具體分工如下表所示，全書由朱林進行整理與統稿。編者工作單位編寫內容朱林東南大學成賢學院第6、7、8章莊麗東南大學成賢學院第9章和附錄部分楊平樂江蘇科技大學蘇州理工學院第1、2章徐新南京工業大學浦江學院第3章潘操常州大學第4章高潔中國兵器工業第二〇八研究所第5章本書在編寫過程中得到了清華大學出版社以及同行專家、學者們的大力支持和幫助，在此表示衷心的感謝。此外，本書的編寫參考了部分書籍和報刊，並從互聯網上參考了部分有價值的材料，在此向有關的作者、編者、譯者和網站表示衷心的感謝。本書配有電子教案，並提供程序源代碼，以方便讀者自學，讀者可發送電子郵件至iteditor@126.com索取。由於編者水平有限，書中難免有不妥之處，敬請讀者和專家批評、指正。
朱林2016年10月

媒體評論

評論

在線試讀

第5章JavaScript

第5章JavaScript

5.1JavaScript概述JavaScript是一種用於Web程序開發的編程語言,它功能強大,主要用於開發交互式Web頁面。JavaScript不需要進行編譯,可以直接嵌入HTML頁面中,把靜態頁面轉變成支持用戶交互並響應事件的動態頁面。在瀏覽網頁時,除了能看到靜態的文本、圖像,有時也能看到浮動的動畫、信息框以及動態變換的時鐘信息等。頁面上這些實時的、動態的、可交互的網頁效果在Web應用開發時可以使用JavaScript語言編寫實現。下面針對JavaScript的起源、主要特點以及應用進行詳細講解。5.1.1JavaScript的起源JavaScript是Web頁面中的一種腳本編程語言,也是一種通用的、跨平臺的、基於對像和事件驅動並具有安全性的腳本語言。JavaScript的前身是LiveScript,是由Netscape(網景)公司開發的腳本語言。後來在Sun公司推出著名的Java語言之後,Netscape公司和Sun公司於1995年一起重新設計了LiveScript,並把它改名為JavaScript。在概念和設計方面,Java和JavaScript是兩種完全不同的語言。Java是面向對像的程序設計語言,用於開發企業級應用程序,而JavaScript是在瀏覽器中執行,用於開發客戶端瀏覽器的應用程序,能夠實現用戶與瀏覽器的動態交互。5.1.2JavaScript的主要特點JavaScript是一種基於對像(Object)和事件驅動(Event Driven)並具有安全性能的解釋性腳本語言,它具有以下主要特點:  解釋性。JavaScript不同於一些編譯性程序語言(如C、C 等),它是一種解釋性程序語言,它的源代碼不需要進行編譯,而是直接在瀏覽器中解釋執行。 基於對像。JavaScript是一種基於對像的語言,它的許多功能來自於腳本環境中對像的方法與腳本的相互作用。在JavaScript中,既可以使用預定義對像,也可以使用自定義對像。 事件驅動。JavaScript可以直接對用戶或客戶的輸入做出響應,無須經過Web服務程序,而是以事件驅動的方式進行的。例如單擊鼠標、移動窗口、選擇菜單等事件發生後,可以引起事件的響應。 跨平臺性。在HTML頁面中,JavaScript依賴於瀏覽器本身,與操作環境無關。隻要在計算機上安裝了支持JavaScript的瀏覽器,程序就可以正確執行。 安全性。JavaScript是一種安全性語言,它不允許訪問本地硬盤,也不能對網絡文檔進行修改和刪除,而隻能通過瀏覽器實現信息瀏覽或動態交互。5.1.3JavaScript的應用作為一門獨立的編程語言,JavaScript可以做很多事情,但它主流的應用還是在Web上,例如創建網頁特效。使用JavaScript腳本語言實現的動態頁面在網頁上隨處可見。下面介紹JavaScript的常見應用。1. 驗證用戶輸入的內容使用JavaScript腳本語言可以在客戶端對用戶輸入的內容進行驗證。例如,在用戶注冊頁面,要求用戶輸入注冊信息,使用JavaScript可以判斷用戶輸入的手機號、昵稱及密碼是否正確,如圖51所示。如果用戶在注冊信息文本框中輸入的信息不符合注冊要求,或“確認密碼”與“密碼”文本框中輸入的信息不同,將彈出相應的提示信息,如圖52所示。圖51用戶注冊頁面圖52彈出提示信息

2. 網頁動畫效果在瀏覽網頁時,經常會看到一些動畫效果,使頁面顯得更加活潑、生動。使用JavaScript腳本語言也可以實現動畫效果,例如可以在頁面中實現焦點圖切換效果。3. 窗口的應用在打開網頁時,經常會看到一些浮動的廣告窗口,這些廣告窗口是網站的盈利手段。廣告窗口也可以通過JavaScript腳本語言實現。4. 文字特效使用JavaScript腳本語言可以使文字出現多種特效,例如文字跳動等。5.2JavaScript引入方式在HTML文檔中,JavaScript腳本文件的使用和CSS樣式文件類似。在HTML文檔中引入JavaScript文件有兩種方式: 一種是在HTML文檔中直接嵌入JavaScript腳本,另一種是鏈接外部的JavaScript腳本文件。5.2.1在HTML頁面中嵌入JavaScript腳本在HTML文檔中,通過2. src屬性src屬性用於指定外部腳本文件的路徑。外部腳本文件通常使用JavaScript腳本,其擴展名為.js。src屬性的使用格式如下: 3. type屬性type屬性用於指定HTML中使用的腳本語言及其版本。該屬性從HTML 4.0標準開始,推薦使用type屬性代替language屬性。type屬性的使用格式如下: 4. defer屬性defer屬性的作用是當文檔加載完畢後再執行腳本。當腳本語言不需要立即運行時,設置defer屬性,瀏覽器將不必等待腳本語言裝載,這樣頁面加載速度會更快。但當一些腳本需要在頁面加載過程中或加載完成後立即執行時,就不需要使用defer屬性。defer屬性的使用格式如下: 在HTML文檔中,可以通過當HTML文件嵌入JavaScript程序代碼後,瀏覽器程序在讀到需要注意的是,JavaScript腳本可以放在標記中的任何位置。如果所編寫的JavaScript程序用於輸出網頁的內容,應該將JavaScript程序置於HTML文件中需要顯示該內容的位置。5.2.2在HTML頁面中鏈接外部的JavaScript文件在Web頁面引入JavaScript的另一種方法是采用鏈接外部JavaScript文件的形式。如果腳本代碼比較復雜或是同一段代碼需要被多個頁面使用,則可以將這些腳本代碼放置在一個單獨的文件中(保存文件的擴展名是.js),然後在需要使用該代碼的Web頁面中鏈接該JavaScript文件即可。在Web頁面中鏈接外部JavaScript文件的語法格式如下: 需要注意的是,調用外部文件myjs.js時,首先需要編寫外部的JavaScript文件,並命名為myjs.js。然後,在HTML頁面中調用外部的JavaScript文件myjs.js。5.3JavaScript語法[4/5]5.3.1JavaScript的基本語法規則每一種計算機語言都有自己的基本語法,學好基本語法是學好編程語言的關鍵。同樣,學習JavaScript語言,也需要遵從一定的語法規範,如執行順序、大小寫問題以及注釋語句等。1. 執行順序JavaScript程序按照在HTML文件中出現的順序逐行執行。如果某些代碼(例如函數、全局變量等)需要在整個HTML文件中使用,好將其放在HTML文件的...標記中。某些代碼,如函數體內的代碼,不會被立即執行,隻有當所在的函數被其他程序調用時,該代碼纔會被執行。2. 區分大小寫JavaScript嚴格區分字母大小寫。也就是說,在輸入關鍵字、函數名、變量及其他標識符時,都必須采用正確的大小寫形式。例如,變量username與變量userName是兩個不同的變量。3. 每行結尾的分號可有可無JavaScript語言並不要求必須以分號(;)作為語句的結束標記。如果語句的結束處沒有分號,JavaScript會自動將該行代碼的結尾作為語句的結尾。例如,下面兩行代碼都是正確的。alert("您好,歡迎學習JavaScript!")alert("您好,歡迎學習JavaScript!");應該注意的是,好的代碼編寫習慣是在每行代碼的結尾處加上分號,這樣可以保證代碼的嚴謹性和準確性。4. 注釋在編寫程序時,為了使代碼易於閱讀,通常需要為代碼加一些注釋。注釋是對程序中某個功能或者某行代碼的解釋、說明,用來提高代碼的可讀性,而不會被JavaScript當成代碼執行。 JavaScript為開發人員提供了兩種注釋形式: 單行注釋和多行注釋,具體如下: (1) 單行注釋使用雙斜線“//”作為注釋標記,將“//”放在一行代碼的末尾或者單獨一行的開頭,它後面的內容就是注釋部分。(2) 多行注釋可以包含任意行數的注釋文本。多行注釋是以“/”標記開始,以“/”標記結束,中間的所有內容都為注釋文本。這種注釋可以跨行書寫,但不能有嵌套的注釋。下面是合法的JavaScript注釋: //這裡的單行注釋/這裡是一段注釋///這裡是另一段注釋/這裡是多行注釋/5.3.2變量的聲明與賦值在JavaScript中,使用變量前需要先對其進行聲明。所有的JavaScript變量都由關鍵字var聲明,語法格式如下: varabc;在聲明變量的同時也可以對變量進行賦值,例如: varabc=1;聲明變量時,需要遵循的規則如下: (1) 可以使用一個關鍵字var同時聲明多個變量,例如: var a,b,c//同時聲明a、b和c三個變量(2) 可以在聲明變量的同時對其賦值,即初始化,例如: var a=1,b=2,c=3;//同時聲明a、b和c三個變量,並分別對其進行初始化(3) 如果隻是聲明了變量,並未對其賦值,則其默認為undefined。(4) var語句可以用作for循環和for/in循環的一部分,這樣就使循環變量的聲明成為循環語法自身的一部分,使用起來比較方便。(5) 使用var語句多次聲明同一個變量,如果重復聲明的變量已經有一個初始值,那麼此時的聲明就相當於對變量的重新賦值。當給一個尚未聲明的變量賦值時,JavaScript會自動用該變量名創建一個全局變量。在一個函數內部,通常創建的隻是一個僅在函數內部起作用的局部變量,而不是一個全局變量。創建一個局部變量,並不是簡單地賦值給一個已經存在的局部變量,必須使用var語句進行變量的聲明。另外,由於JavaScript采用弱類型的形式,可以不理會變量的數據類型,即可把任意類型的數據賦值給變量。例如,聲明一些變量,具體代碼如下: var a=100//數值類型var str="網頁平面設計學院"//字符串類型var bue=true//布爾類型值得注意的是,在JavaScript中,變量可以先不聲明,而在使用時,根據變量的實際作用確定其所屬的數據類型,為了良好的編程習慣和能夠及時發現代碼中的錯誤,建議在使用變量前對其聲明。5.3.3函數在JavaScript中,經常會遇到程序需要多次重復操作的情況,這時就需要重復書寫相同的代碼,這樣不僅加重了開發人員的工作量,而且對於代碼的後期維護相當困難。為此,JavaScript提供了函數,它可以將程序中煩瑣的代碼模塊化,提高程序的可讀性,並且便於後期維護。1. 函數定義為了使代碼更為簡潔並可以重復使用,通常會將某段實現特定功能的代碼定義成一個函數。在JavaScript程序設計中,所謂函數就是在計算機程序中由多條語句組成的,在JavaScript中,函數使用關鍵字function定義,其語法格式如下: 從上述語法格式可以看出,函數的定義由關鍵字function、“函數名”、“參數”和“函數體”4部分組成,關於這4部分的相關說明如下:  function——在聲明函數時必須使用的關鍵字。 函數名——創建函數的名稱,是的。  參數——外界傳遞給函數的值,是可選的,當有多個參數時,各參數用“,”分隔。 函數體——函數定義的主體,專門用於實現特定的功能。對函數定義的語法格式有所了解後,下面定義一個無參函數show(),並在函數體中輸出“歡迎光臨,網頁平面設計學院”,具體示例如下: 上述代碼定義的show()函數較簡單,它沒有定義參數,並且函數體中僅使用alert()語句返回一個字符串。2. 函數的調用當函數定義完成後,要想在程序中發揮函數的作用,必須調用這個函數。函數的調用非常簡單,隻需引用函數名,並傳入相應的參數即可。函數調用的語法格式如下: 函數名稱(\\[參數1,參數2,...\\])在上述語法格式中,“\\[參數1,參數2,...\\]”是可選的,用於表示參數列表,其值可以是一個或多個。為了使初學者能夠更好地理解函數調用,下面通過一個案例演示函數的調用。例51函數調用示例。無標題文檔在上述代碼中,首先定義了一個名為show()的函數,該函數比較簡單,僅使用alert()語句返回一個字符串,然後在按鈕onclick事件中調用show()函數。其中本案例使用的onclick事件將在後面做具體介紹,此處了解即可。運行例51,結果如圖53所示。單擊圖53中的按鈕,即會彈出圖54所示的警示框。圖53函數調用1圖54函數調用2

5.3.4JavaScript中的對像[2]1. 對像簡介JavaScript所實現的動態功能, 基本上都是對HTML文檔或者HTML文檔運行環境進行的操作。那麼要實現這些動態功能就必須找到相應的對像。JavaScript 中有已經定義過的對像供開發者調用,在了解這些對像之前先看圖55所示的內容。圖55在瀏覽器窗口中的文檔對像模型圖55中的內容是一個簡單的HTML文檔在瀏覽器窗口中的文檔對像模型,其中window、navigator、screen、history、location都是HTML文檔運行所需的環境對像,document 對像纔是前面講述的HTML文檔,當然這個document對像還可以劃分出html、head、body等分支。  window對像是所有對像中頂層的對像,HTML 文檔在 window對像中顯示。 navigator對像可以讀取瀏覽器相關的信息。 screen對像可以讀取瀏覽器運行的物理環境,例如屏幕的寬和高,單位為像素。 document對像是整個網頁HTML內容,每個HTML文檔被瀏覽器加載以後都會在內存中初始化一個document對像。 history對像可以控制瀏覽器的前進和後退。 location對像可以控制頁面的跳轉。這些對像中,較常用的有window對像、document對像和location對像。 2. window對像window對像是所有JavaScript對像中頂層的對像,整個HTML文檔就是一個瀏覽器窗口,當打開一個瀏覽器窗口以後,不管有沒有內容,都會在內存中形成一個window對像。window對像所提供的方法很多,在下面的內容中介紹常用的幾種方法。1) 窗體的創建和關閉利用window對像可以新建瀏覽器窗口,也可以關閉瀏覽器窗口,下面來看具體的操作代碼。例52窗體的創建和關閉示例。窗體的創建和關閉示例這個程序在瀏覽器中運行以後,界面上會有兩個按鈕,單擊“創建新窗口”按鈕會彈出一個新的瀏覽器窗口,這個窗口的寬為300像素、高為200像素;單擊“關閉新窗口”按鈕,這個彈出窗口就會被關閉。上面這個程序中用到的就是window對像的open和close兩個方法,open方法新建一個窗口,close方法關閉指定窗口。2) 三種常用的對話框在window對像中,有三種常用的對話框: 種是警告對話框,第二種是確認對話框,第三種是輸入對話框。下面這個示例中展示了這三個對話框的用法。例53三種常用的對話框。三種常用的對話框

書摘插畫

商品搜索

商品分类

【醫學】

【各大出版社】