天天色天天日,亚洲国产精品无码久久98蜜桃,午夜激情经典五月天影院

本書系統(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ā)點，其內容從簡單到復雜，循序漸進，結構合理，邏輯性強。每個知識點都有精心設計的典型例子說明其用法，每章都配有標準化的練習題及其答案、上機實驗指導。與本書配套的教學網站上有教學大綱、實驗大綱、各種軟件的下載鏈接、課件和案例源代碼下載、在線測試等。
為了方便教學，本書還配有電子課件等教學資源包，任課教師和學生可以登錄“我們愛讀書”網（www.ibook4us.com）免費注冊并瀏覽，或者發(fā)郵件至hustpeiit@163.com免費索取。
本書可以作為高等院校計算機專業(yè)和非計算機專業(yè)學生的ASP.NET Web開發(fā)課程教材，也可以作為ASP.NET Web編程愛好者的參考書。

目前，市場上關于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é)中的每個知識點幾乎都有精心設計的典型例子說明其用法，每章都配有標準化的練習題及其答案、上機實驗指導。與本書配套的教學網站上有教學大綱、實驗大綱、各種軟件的下載鏈接、課件和案例源代碼下載、在線測試等，極大地方便了教與學。
本書寫作特色鮮明，一是教材結構合理，我們對教材內容的設置進行了深思熟慮的推敲，在正文中指出了相關章節(jié)知識點之間的聯(lián)系；二是知識點介紹簡明，例子生動并緊扣理論，很多例子是作者精心設計的；三是在教材中通過大量的截圖，清晰地反映了程序集→命名空間→類(或接口)三個軟件層次；四是通過綜合案例的設計與分析，讓學生綜合使用ASP.NET Web應用開發(fā)的各個知識點；五是有配套的上機實驗網站，包括實驗目的、實驗內容、在線測試(含答案和評分)和素材的提供等。
相對于傳統(tǒng)的WebForm三層架構而言，MVC 5+EF 6框架具有如下特點：①請求MVC Web項目的控制器取代了對窗體頁面的請求；②將復雜的應用分成M、V、C三個組件模型后，有效地簡化了復雜的架構，并將處理后臺邏輯代碼與前臺展示邏輯進行了很好的分離；③優(yōu)秀的Razor引擎使得視圖代碼顯得清晰并可使用C#代碼獲取動態(tài)數(shù)據；④單個視圖可以對應多個控制器，提高了代碼的重用；⑤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ù)據遷移等功能。
本書由吳志祥、何亨、張智、楊宜波和曾誠老師整體構思，并與其他參編人員共同編著完成。
本書可以作為高等院校計算機專業(yè)和相關專業(yè)學生學習“.NET架構”和“Web程序設計”等課程的教材，也可以作為Web開發(fā)者的參考書。
想獲取本書配套的教學大綱等教學資料，可訪問http://www.wustwzx.com，上機實驗指導和教材中所有案例的源代碼，可訪問http://www.wustwzx.com/asp_net。
需要特別感謝的是碩士研究生張繼同學，他全程參與了教材案例的設計與測試。
為了方便教學，本書還配有電子課件等教學資源包，任課教師和學生可以登錄“我們愛讀書”網（www.ibook4us.com）免費注冊并瀏覽，或者發(fā)郵件至hustpeiit@163.com免費索取。
由于編者水平有限，書中錯漏之處在所難免，在此真誠歡迎讀者多提寶貴意見，讀者可通過訪問作者的教學網站http://www.wustwzx.com與作者聯(lián)系，以便再版時及時更正。

編者
2016年9月于武漢

第3章
客戶端腳本及應用
第3章客戶端腳本及應用
JavaScript(以下簡稱JS)是一種腳本語言，用于編寫頁面腳本以實現(xiàn)對網頁客戶端行為的控制。目前的瀏覽器大都內嵌了JS引擎，用來執(zhí)行客戶端腳本。同時，網頁設計人員還可以使用優(yōu)秀的JS功能擴展庫jQuery或第三方提供的JS腳本。本章的學習要點如下。
?掌握在頁面中使用JS腳本的方法。
?掌握JavaScript內置對象實現(xiàn)對表單提交數(shù)據有效性的驗證。
?掌握使用JS對象和瀏覽器對象實現(xiàn)頁面的交互效果和動態(tài)效果。
?掌握jQuery的使用方法。
?掌握使用第三方的JS腳本制作圖片新聞的方法。
?了解面向對象設計方法的優(yōu)點。
?了解HTML 5與HTML 4的區(qū)別(新增功能)。
3.1 使用JavaScript腳本控制網頁的客戶端行為
3.1.1 JavaScript內置對象和瀏覽器對象
JS是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網頁添加動態(tài)功能，如響應用戶的各種操作。
如今的瀏覽器程序一般都嵌入了JavaScript解釋程序，用于解釋執(zhí)行嵌入在頁面里的JS腳本(程序)。
JS內置了幾個重要對象，主要包括日期/時間對象Date、數(shù)組對象Array、字符串對象String和數(shù)學對象Math等。其中：Date、Array和String是動態(tài)對象(本質上是類)，它們封裝了一些常用的屬性和方法，使用前需要使用new運算符創(chuàng)建其實例；而Math是靜態(tài)對象，不需要實例化就可以直接使用其方法及屬性。
對于嵌入到網頁中的JS來說，其宿主對象就是瀏覽器提供的對象，所以又稱為瀏覽器對象。在瀏覽器對象模型中，頂級對象是Window對象，表示瀏覽器的窗口，其提供了如下重要方法。
?alert()：產生警示消息框方法，警告框在單擊確定后消失。
?setTimeout()(或setInterval())：定時器方法，在指定的時間(或周期性地)調用某個方法。
?confirm()：產生一個是否型對話框方法，對話完成后對話框關閉。
在瀏覽器窗口里，可以包含文檔、框架和訪問歷史記錄等對象，幾個常用的二級對象介紹如下。
?document：表示瀏覽器窗口里的文檔。
?location：表示窗口里文檔的位置，使用href屬性可實現(xiàn)客戶端頁面跳轉。
?navigator：表示客戶端瀏覽器。
?history：表示歷史訪問記錄。
文檔對象document的常用方法如下。
?write(exp)：向文檔對應的網頁窗口輸出表達式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代碼如下。

以交互方式在頁面正中央顯示一組圖片

你還可能感興趣

我要評論