本書系統(tǒng)地介紹了ASP.NET Web應用開發(fā)的基礎知識和實際應用，共分8章，包括Web應用開發(fā)基礎，HTML與CSS+Div布局，客戶端腳本及應用（含jQuery），ASP.NET Web項目開發(fā)基礎，基于WebForm模式的Web項目，ASP.NET MVC框架使用基礎，實體模型、EF框架與LINQ查詢，MVC 5及EF 6框架深入編程等內容。
本書以實用為出發(fā)點，其內容從簡單到復雜，循序漸進，結構合理，邏輯性強。每個知識點都有精心設計的典型例子說明其用法，每章都配有標準化的練習題及其答案、上機實驗指導。與本書配套的教學網(wǎng)站上有教學大綱、實驗大綱、各種軟件的下載鏈接、課件和案例源代碼下載、在線測試等。
為了方便教學，本書還配有電子課件等教學資源包，任課教師和學生可以登錄“我們愛讀書”網(wǎng)（www.ibook4us.com）免費注冊并瀏覽，或者發(fā)郵件至hustpeiit@163.com免費索取。
本書可以作為高等院校計算機專業(yè)和非計算機專業(yè)學生的ASP.NET Web開發(fā)課程教材，也可以作為ASP.NET Web編程愛好者的參考書。
適讀人群 ：本書可以作為高等院校計算機專業(yè)和相關專業(yè)學生學習“.NET架構”和“Web程序設計”等課程的教材，也可以作為Web開發(fā)者的參考書。
本書特色
(1)根據(jù)ASP.NET項目開發(fā)的實際需求，精心組織各章節(jié)目錄，突出實用；
(2)教材體系嚴密、循序漸進（從WebForm開發(fā)到MVC框架開發(fā)），前后呼應；
(3)知識點介紹簡明扼要，并有使用實例；
(4)提供了訪問數(shù)據(jù)庫SQL Server及MySQL的通用類；
(5)提供了課件和所有案例的源代碼下載、上機實驗網(wǎng)站http://www.wustwzx.com/asp_net和標準化的習題與答案，方便教學、鞏固知識點；
(6)提供了兩個綜合項目：使用WebForm三層架構模式開發(fā)的Flower1和使用MVC 5+EF 6開發(fā)的Flower2；
(7)使用新的VS 2015集成開發(fā)環(huán)境。
目前，市場上關于ASP.NET Web項目開發(fā)的相關書籍比較多，但系統(tǒng)地從WebForm開發(fā)過渡到MVC+EF框架開發(fā)的教材還沒有。為此，筆者組織一線相關教師編寫了這本符合高校教學需要和公司需要的教材。
本書系統(tǒng)地介紹了ASP.NET應用開發(fā)的基礎知識和實際應用，共分8章，包括Web應用開發(fā)基礎，HTML與CSS+Div布局，客戶端腳本及應用（含jQuery），ASP.NET Web項目開發(fā)基礎，基于WebForm模式的Web項目，ASP.NET MVC框架使用基礎，實體模型，EF框架與LINQ查詢，MVC 5及EF 6框架深入編程等內容，其內容從簡單到復雜，循序漸進，結構合理，邏輯性強。
本書以實用為出發(fā)點，每個章節(jié)中的每個知識點幾乎都有精心設計的典型例子說明其用法，每章都配有標準化的練習題及其答案、上機實驗指導。與本書配套的教學網(wǎng)站上有教學大綱、實驗大綱、各種軟件的下載鏈接、課件和案例源代碼下載、在線測試等，極大地方便了教與學。
本書寫作特色鮮明，一是教材結構合理，我們對教材內容的設置進行了深思熟慮的推敲，在正文中指出了相關章節(jié)知識點之間的聯(lián)系；二是知識點介紹簡明，例子生動并緊扣理論，很多例子是作者精心設計的；三是在教材中通過大量的截圖，清晰地反映了程序集→命名空間→類(或接口)三個軟件層次；四是通過綜合案例的設計與分析，讓學生綜合使用ASP.NET Web應用開發(fā)的各個知識點；五是有配套的上機實驗網(wǎng)站，包括實驗目的、實驗內容、在線測試(含答案和評分)和素材的提供等。
相對于傳統(tǒng)的WebForm三層架構而言，MVC 5+EF 6框架具有如下特點：①請求MVC Web項目的控制器取代了對窗體頁面的請求；②將復雜的應用分成M、V、C三個組件模型后，有效地簡化了復雜的架構，并將處理后臺邏輯代碼與前臺展示邏輯進行了很好的分離；③優(yōu)秀的Razor引擎使得視圖代碼顯得清晰并可使用C#代碼獲取動態(tài)數(shù)據(jù)；④單個視圖可以對應多個控制器，提高了代碼的重用；⑤ASP.NET MVC中的Partial View 和Layout分別布局取代了WebForm中的 Web用戶控件和母版；⑥MVC AJAX很好地支持異步處理；⑦ASP.NET MVC沒有服務器控件，其底層與WebForm是一樣的，即ASP.NET MVC是對WebForm的再封裝。此外，MVC 5+EF 6框架還具有Code First、模型重建和數(shù)據(jù)遷移等功能。
本書由吳志祥、何亨、張智、楊宜波和曾誠老師整體構思，并與其他參編人員共同編著完成。
本書可以作為高等院校計算機專業(yè)和相關專業(yè)學生學習“.NET架構”和“Web程序設計”等課程的教材，也可以作為Web開發(fā)者的參考書。
想獲取本書配套的教學大綱等教學資料，可訪問http://www.wustwzx.com，上機實驗指導和教材中所有案例的源代碼，可訪問http://www.wustwzx.com/asp_net。
需要特別感謝的是碩士研究生張繼同學，他全程參與了教材案例的設計與測試。
為了方便教學，本書還配有電子課件等教學資源包，任課教師和學生可以登錄“我們愛讀書”網(wǎng)（www.ibook4us.com）免費注冊并瀏覽，或者發(fā)郵件至hustpeiit@163.com免費索取。
由于編者水平有限，書中錯漏之處在所難免，在此真誠歡迎讀者多提寶貴意見，讀者可通過訪問作者的教學網(wǎng)站http://www.wustwzx.com與作者聯(lián)系，以便再版時及時更正。
編 者
2016年9月于武漢
第1章 Web應用開發(fā)基礎 1
1.1 基于B/S體系的動態(tài)網(wǎng)站 1
1.1.1 Web服務器及客戶端 1
1.1.2 應用層協(xié)議HTTP 2
1.2 搭建ASP.NET應用的開發(fā)環(huán)境 2
1.2.1 VS 2015專業(yè)版的安裝與基本使用 2
1.2.2 ASP.NET項目及其分類 3
1.2.3 ASP.NET控制臺程序 5
1.2.4 創(chuàng)建一個簡單的ASP.NET網(wǎng)站 6
1.2.5 使用NuGet下載、引用第三方程序集 7
1.3 關系型數(shù)據(jù)庫及其服務器 8
1.3.1 關系型數(shù)據(jù)庫概述 8
1.3.2 SQL Server 10
1.3.3 MySQL 13
1.4 使用網(wǎng)頁三劍客制作網(wǎng)頁素材* 15
1.4.1 圖形圖像處理軟件概述 15
1.4.2 使用Fireworks或Photoshop編輯圖像 16
1.4.3 使用Flash制作動畫 16
1.4.4 切圖形成網(wǎng)頁素材 17
習題1 18
實驗1 Web應用開發(fā)基礎 19
第2章 HTML與CSS+Div布局 21
2.1 使用超文本標記語言HTML組織頁面內容 21
2.1.1 HTML概述 21
2.1.2 在頁面里插入圖像、音頻和視頻 24
2.1.3 超鏈接、熱點鏈接和錨點鏈接 24
2.1.4 列表 26
2.1.5 表格 26
2.1.6 表單及常用表單元素 27
2.2 使用層疊樣式表CSS設置頁面元素的外觀 31
2.2.1 CSS樣式概述、CSS選擇器 31
2.2.2 重新定義HTML元素外觀、偽類樣式 35
2.2.3 內聯(lián)樣式 36
2.2.4 包含了濾鏡的樣式 36
2.2.5 外部樣式 37
2.3 頁面布局 38
2.3.1 區(qū)域標記 38
2.3.2 用于頁面布局的常用CSS樣式屬性 42
2.3.3 一個采用CSS+Div布局的主頁 43
2.3.4 頁內框架與框架布局 45
習題2 48
實驗2 HTML標記語言、CSS樣式與頁面布局 49
第3章 客戶端腳本及應用 51
3.1 使用JavaScript腳本控制網(wǎng)頁的客戶端行為 51
3.1.1 JavaScript內置對象和瀏覽器對象 51
3.1.2 JavaScript變量與常量、流程控制語句 53
3.1.3 在頁面里使用JavaScript腳本實現(xiàn)頁面的交互效果 55
3.1.4 在頁面里使用JavaScript腳本實現(xiàn)頁面的動態(tài)效果 60
3.1.5 使用JavaScript腳本驗證表單 63
3.2 使用JavaScript的功能擴展庫jQuery 65
3.2.1 jQuery使用基礎 65
3.2.2 jQuery使用示例 67
3.3 使用第三方提供的JS特效腳本 74
3.3.1 制作循環(huán)顯示的圖片新聞 74
3.3.2 實現(xiàn)QQ臨時會話 77
3.4 HTML 5簡介 77
3.4.1 從HTML 4到HTML 5 77
3.4.2 HTML 5的兩個應用實例 78
習題3 80
實驗3 客戶端腳本與HTML 5的使用 81
第4章 ASP.NET項目開發(fā)基礎 83
4.1 ASP.NET項目運行環(huán)境 83
4.1.1 .NET框架體系與Framework 83
4.1.2 ASP.NET的兩種Web編程框架 84
4.1.3 使用Win 7操作系統(tǒng)的計算機的IIS服務器 85
4.1.4 ASP.NET網(wǎng)站工作原理 87
4.2 C#編程及動態(tài)調試技術 89
4.2.1 基本概念 89
4.2.2 C#數(shù)據(jù)類型及運算符 91
4.2.3 變量的作用范圍與生命周期 94
4.2.4 流程控制語句及異常處理 95
4.2.5 日期與時間相關類(DateTime結構體) 96
4.2.6 數(shù)組、泛型與集合框架 96
4.2.7 自定義C#類、方法、字段與屬性 100
4.2.8 ASP.NET項目調試 102
4.3 ASP.NET內置對象 104
4.3.1 響應對象Response 104
4.3.2 請求對象Request 104
4.3.3 會話對象Session與Cookie 105
4.3.4 應用的全局對象Application 106
4.3.5 服務器對象Server 106
4.4 使用數(shù)據(jù)集訪問數(shù)據(jù)庫 109
4.4.1 數(shù)據(jù)集概述 109
4.4.2 數(shù)據(jù)集類的創(chuàng)建與使用 109
4.5 使用ADO.NET編程方式訪問數(shù)據(jù)庫 112
4.5.1 ADO.NET體系結構 112
4.5.2 SQL Server數(shù)據(jù)庫訪問的通用類設計 114
4.5.3 MySQL數(shù)據(jù)庫訪問及其通用類設計 118
4.6 在ASP.NET中使用XML 121
4.6.1 XML簡介 121
4.6.2 XML基本語法 122
習題4 123
實驗4 ASP.NET Web應用開發(fā)基礎 124
第5章 基于WebForm模式的Web項目 127
5.1 基于WebForm的網(wǎng)站文件系統(tǒng)、窗體模型及語法 127
5.1.1 基于WebForm的網(wǎng)站文件系統(tǒng) 127
5.1.2 窗體模型與PostBack機制 128
5.1.3 窗體頁面語法 129
5.2 ASP.NET常用的服務器控件 131
5.2.1 ASP.NET服務器控件概述 131
5.2.2 ASP.NET基本服務器控件 132
5.2.3 ASP.NET驗證控件 136
5.2.4 ASP.NET數(shù)據(jù)綁定控件 137
5.3 母版、Web用戶控件和第三方分頁控件 144
5.3.1 母版頁的創(chuàng)建與使用 144
5.3.2 Web用戶控件的創(chuàng)建與使用 145
5.3.3 第三方分頁控件AspNetPager的使用 147
5.4 站點地圖與導航控件 150
5.4.1 網(wǎng)站導航概述、地圖文件與站點數(shù)據(jù)源控件 150
5.4.2 使用SiteMapPath控件實現(xiàn)面包屑導航 152
5.4.3 使用TreeView控件設計折疊式樹形菜單 152
5.4.4 使用Menu控件設計水平彈出式菜單 153
5.5 WebForm項目三層架構 154
5.5.1 三層架構概述 154
5.5.2 搭建Web表示層并添加對其他層的引用 156
5.5.3 搭建數(shù)據(jù)訪問層DAL 157
5.5.4 搭建業(yè)務邏輯層BLL并添加對DAL層的引用 157
5.5.5 使用三層架構的鮮花網(wǎng)站Flower1 161
5.6 在WebForm項目中使用Web Service 174
5.6.1 Web服務概述 174
5.6.2 使用Web服務 174
5.6.3 自定義Web服務及其使用 180
5.7 AJAX控件的使用 182
5.7.1 ASP.NET AJAX控件及其作用 182
5.7.2 AJAX應用示例 183
5.7.3 AjaxToolKit控件包的使用 188
5.8 Web環(huán)境下的文件與目錄操作 190
5.8.1 瀏覽文件與目錄 190
5.8.2 使用FileUpload控件實現(xiàn)文件上傳 195
5.8.3 文件讀寫操作 197
5.9 ASP.NET Web項目的編譯發(fā)布 206
習題5 210
實驗5 基于WebForm的Web項目開發(fā) 211
第6章 ASP.NET MVC框架使用基礎 215
6.1 基于MVC模式的MVC 5框架 215
6.1.1 關于MVC開發(fā)模式 215
6.1.2 MVC 5項目的創(chuàng)建及結構分析 216
6.2 MVC 5控制器 218
6.2.1 控制器抽象類Controller 218
6.2.2 MVC 5控制器相關類 219
6.3 頁面視圖設計初步 220
6.3.1 視圖設計 220
6.3.2 視圖模板引擎Razor 222
6.3.3 分部視圖、頁面布局和視圖節(jié) 224
6.4 一個簡單的MVC 5示例項目 229
習題6 234
實驗6 ASP.NET MVC框架使用基礎 235
第7章 實體模型、EF框架與LINQ查詢 237
7.1 ASP.NET EF實體框架 237
7.1.1 實體框架EF作為對象關系映射ORM產品 237
7.1.2 實體框架EF的引用及主要API 238
7.1.3 數(shù)據(jù)庫上下文類System.Data.DbContext 240
7.1.4 實體集類System.Data.Entity.DbSet 241
7.2 模型類的創(chuàng)建及其相關操作 241
7.2.1 創(chuàng)建模型類 241
7.2.2 模型注解與數(shù)據(jù)有效性驗證規(guī)則 241
7.2.3 根據(jù)數(shù)據(jù)表自動創(chuàng)建實體類 242
7.2.4 創(chuàng)建含有模型數(shù)據(jù)的頁面視圖 245
7.2.5 控制器里的模型操作 248
7.2.6 在控制器里注解用于處理表單的動作 248
7.3 集成語言查詢LINQ 249
7.3.1 LINQ概述 249
7.3.2 LINQ查詢及其相關類與接口 250
習題7 262
實驗7 模型、EF框架與LINQ查詢 263
第8章 MVC 5及EF 6框架深入編程 265
8.1 在ASP.NET MVC項目里使用EF框架 265
8.1.1 使用ASP.NET MVC框架的一般步驟 265
8.1.2 CSS樣式與JS腳本文件的優(yōu)化管理 265
8.1.3 在MVC項目里訪問MySQL數(shù)據(jù)庫 267
8.1.4 MVC文件上傳與富文本編輯 270
8.2 控制器與視圖的高級使用 275
8.2.1 使用PagedList插件實現(xiàn)記錄分頁導航 275
8.2.2 在視圖中使用jQuery UI 277
8.2.3 在MVC項目里使用AJAX技術 279
8.3 EF Code First特性 283
8.4 模型重建與數(shù)據(jù)遷移 285
8.4.1 當模型修改時自動重建數(shù)據(jù)庫 286
8.4.2 數(shù)據(jù)遷移 288
8.5 基于MVC+EF框架開發(fā)的鮮花網(wǎng)站 290
8.5.1 總體設計 290
8.5.2 網(wǎng)站布局及主頁設計 291
8.5.3 前臺主要功能設計 296
8.5.4 后臺主要功能設計 298
習題8 300
實驗8 使用MVC及EF框架開發(fā)Web項目 301
習題答案 303
參考文獻 306
第3章
客戶端腳本及應用
第3章 客戶端腳本及應用
JavaScript(以下簡稱JS)是一種腳本語言，用于編寫頁面腳本以實現(xiàn)對網(wǎng)頁客戶端行為的控制。目前的瀏覽器大都內嵌了JS引擎，用來執(zhí)行客戶端腳本。同時，網(wǎng)頁設計人員還可以使用優(yōu)秀的JS功能擴展庫jQuery或第三方提供的JS腳本。本章的學習要點如下。
?掌握在頁面中使用JS腳本的方法。
?掌握JavaScript內置對象實現(xiàn)對表單提交數(shù)據(jù)有效性的驗證。
?掌握使用JS對象和瀏覽器對象實現(xiàn)頁面的交互效果和動態(tài)效果。
?掌握jQuery的使用方法。
?掌握使用第三方的JS腳本制作圖片新聞的方法。
?了解面向對象設計方法的優(yōu)點。
?了解HTML 5與HTML 4的區(qū)別(新增功能)。
3.1 使用JavaScript腳本控制網(wǎng)頁的客戶端行為
3.1.1 JavaScript內置對象和瀏覽器對象
JS是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動態(tài)功能，如響應用戶的各種操作。
如今的瀏覽器程序一般都嵌入了JavaScript解釋程序，用于解釋執(zhí)行嵌入在頁面里的JS腳本(程序)。
JS內置了幾個重要對象，主要包括日期/時間對象Date、數(shù)組對象Array、字符串對象String和數(shù)學對象Math等。其中：Date、Array和String是動態(tài)對象(本質上是類)，它們封裝了一些常用的屬性和方法，使用前需要使用new運算符創(chuàng)建其實例；而Math是靜態(tài)對象，不需要實例化就可以直接使用其方法及屬性。
對于嵌入到網(wǎng)頁中的JS來說，其宿主對象就是瀏覽器提供的對象，所以又稱為瀏覽器對象。在瀏覽器對象模型中，頂級對象是Window對象，表示瀏覽器的窗口，其提供了如下重要方法。
?alert()：產生警示消息框方法，警告框在單擊確定后消失。
?setTimeout()(或setInterval())：定時器方法，在指定的時間(或周期性地)調用某個方法。
?confirm()：產生一個是否型對話框方法，對話完成后對話框關閉。
在瀏覽器窗口里，可以包含文檔、框架和訪問歷史記錄等對象，幾個常用的二級對象介紹如下。
?document：表示瀏覽器窗口里的文檔。
?location：表示窗口里文檔的位置，使用href屬性可實現(xiàn)客戶端頁面跳轉。
?navigator：表示客戶端瀏覽器。
?history：表示歷史訪問記錄。
文檔對象document的常用方法如下。
?write(exp)：向文檔對應的網(wǎng)頁窗口輸出表達式exp的值。
?getElementsByTagName(\"tagName\")：返回文檔里指定標簽名的對象的集合。
?getElementById()：返回使用ID屬性定義的對象。
注意：
(1) 在JS腳本里使用瀏覽器對象時，瀏覽器對象名稱通常需要小寫，這不同于HTML標記名稱及其屬性名稱，使用JS內置對象時，其名稱及其方法名需要嚴格區(qū)分大小寫。
(2) 使用JS內置對象編程時，其名稱及其方法與屬性名需要嚴格區(qū)分大小寫。
在一個文檔里可以包含超鏈接、圖像和表單等，表單又可以包含文本框、下拉列表、提交按鈕等。因此，瀏覽器對象模型具有多級結構，如圖3.1.1所示。
圖3.1.1 瀏覽器對象模型簡圖
為了控制客戶端的行為，需要引入面向對象的思想和對象的PEM模型。
類與對象是面向對象編程方式的核心和基礎，對象是類的一個實例，類是對一類對象的抽象。通過類可以對零散的用于實現(xiàn)某項功能的代碼進行有效管理。
將要處理的問題(對象)抽象為類，并將這類對象的屬性和方法封裝起來，然后通過對象的事件來訪問該類對象的屬性和方法來解決實際問題。
任何對象都具有一些屬性(property)和方法(method)，方法是在一定的事件(event)發(fā)生時采用的，這就是對象的PEM模型。
JavaScript支持的瀏覽器事件有很多，它們可以用于不同的對象，常用事件如表3.1.1所示。
表3.1.1 JavaScript支持的常用瀏覽器事件
序 號 事 件 名 含義或說明
1 OnClick 單擊事件，常用于button類型的命令按鈕和超鏈接
2 OnFocus 獲得焦點事件，如激活文本框等對象時觸發(fā)
3 OnBlur 失去焦點事件，如下拉列表選擇、文本框輸入確定后觸發(fā)
4 OnChange 更新后事件，在元素的值發(fā)生改變時觸發(fā)
5 OnLoad Document對象的事件，瀏覽器完成HTML文檔載入時觸發(fā)
6 OnDblClick 雙擊事件，常用于button類型的命令按鈕
7 OnMouseOver 鼠標位于對象上時
8 OnMouseOut 鼠標從對象上離開時
要在JS中訪問DOM(document object model，文檔對象模型)元素，就需要標識HTML元素的標記屬性。屬性ID和Name都可以用來標識一個HTML元素，JavaScript分別有兩個方法getElementById()和getElementByName()來定位DOM節(jié)點。ID標識的元素外觀由與ID屬性值相同的#樣式決定；在表單表提交到服務器端后，為了取到表單域的值，則需要使用Name屬性命名表單域(表單元素)。
注意：在HTML中，Name屬性值可以重復，而ID屬性值不可重復，是方法getElementById()的要求。
在設計在線測試頁面時，其單選題對應的表單元素的Name屬性值相同，為此，客戶端腳本和服務器腳本分別提交其處理方法。
表單里的元素是頁面中的元素，在JS腳本中，除了可以按名稱訪問外，還可以使用elements[]數(shù)組訪問。命名訪問表單第i個元素的屬性的方法如下。
表單名.elements[i].屬性名 i=0,1,2…
其中，下標i為該元素在表單內元素出現(xiàn)的先后順序，從0開始編號。
本課程在線測試頁面，請訪問http://www.wustwzx.com/asp_net/zxcs.html。
3.1.2 JavaScript變量與常量、流程控制語句
程序是可執(zhí)行的語句序列。變量與常量是程序設計中最基本的概念。
常量在指在程序運行過程中值不發(fā)生變化的量；變量是相對于常量而言的，它的值在程序運行過程中可以隨時變化。
程序結構除了容易理解的順序結構外，還有分支結構和循環(huán)結構。
1. 分支結構
分支語句用于條件執(zhí)行，可分為單分支語句、雙分支語句和多分支語句三種。
單分支語句的用法格式如下。
if(exp){
statement; //exp的值為真時才執(zhí)行
}
//后繼語句; //無條件執(zhí)行的語句
雙分支語句用于二選一，其用法格式如下。
if(exp){
statement1; // exp的值為真時執(zhí)行
}else{
statement2; // exp的值為假時執(zhí)行
}
//后繼語句; //無條件執(zhí)行的語句
多分支語句用于多選一的情形，其用法格式如下。
if(exp1){
statement1;
}
else if(exp 2){
statement 2;
}
else if(exp 3){
statement 3;
}
……
else if(exp n){
statement n;
}
else{
statement n+1;
}
//后繼語句; //無條件執(zhí)行的語句
注意：多分支實質上是基本分支語句的嵌套。
開關語句可用于多選一的情形，其用法格式如下。
switch(表達式)
{
case 常量表達式1: 語句組1; break;
case 常量表達式2: 語句組2; break;
case 常量表達式3: 語句組3; break;
…….
case 常量表達式n: 語句組n; break;
default: 語句組n+1;
}
//后繼語句; //無條件執(zhí)行的語句
注意：執(zhí)行開關語句時，遇到break語句就終止switch執(zhí)行語句，轉到后繼語句。
2. 循環(huán)結構
循環(huán)結構有for、while和do…while等多種格式。for循環(huán)的語法格式如下。
for(exp1;exp2;exp3){ //當exp1僅執(zhí)行一次
循環(huán)體語句 //當exp2為真時才執(zhí)行，然后執(zhí)行exp3，再次執(zhí)行exp2
}
// 后繼語句
注意：當exp2為假時，將終止循環(huán)的執(zhí)行。
while循環(huán)的語法格式如下。
while(exp){ //當exp為真才執(zhí)行循環(huán)體
循環(huán)體語句
}
// 后繼語句
do…while循環(huán)的語法格式如下。
do{
循環(huán)體語句
}while(exp); //當exp為假時將執(zhí)行后繼語句
// 后繼語句
注意：do…while是先執(zhí)行循環(huán)體再判斷條件，因此，循環(huán)體至少執(zhí)行一次。
在循環(huán)體內，通常使用if語句檢測某種條件是否成立。當條件成立時，使用break語句可以提前終止循環(huán)，即程序執(zhí)行到循環(huán)語句的后繼語句。
3.1.3 在頁面里使用JavaScript腳本實現(xiàn)頁面的交互效果
使用button類型的命令按鈕用來響應客戶端的瀏覽器事件，而響應客戶端事件的處理方法可用JS來寫。在如下的例3.1.1中，OnLoad表示頁面加載完畢事件，OnClick表示單擊命令按鈕事件。
【例3.1.1】在頁面中央顯示一組圖片。
【瀏覽效果】頁面瀏覽效果如圖3.1.2所示。
圖3.1.2 頁面example3_1_1.html瀏覽效果
頁面example3_1_1.html代碼如下。
以交互方式在頁面正中央顯示一組圖片
書單推薦
