国产莉萝无码av在线播放,精品人妻久久久久久888

本書系統(tǒng)地介紹了ASP.NET Web應(yīng)用開發(fā)的基礎(chǔ)知識和實(shí)際應(yīng)用，共分8章，包括Web應(yīng)用開發(fā)基礎(chǔ)，HTML與CSS+Div布局，客戶端腳本及應(yīng)用（含jQuery），ASP.NET Web項(xiàng)目開發(fā)基礎(chǔ)，基于WebForm模式的Web項(xiàng)目，ASP.NET MVC框架使用基礎(chǔ)，實(shí)體模型、EF框架與LINQ查詢，MVC 5及EF 6框架深入編程等內(nèi)容。
本書以實(shí)用為出發(fā)點(diǎn)，其內(nèi)容從簡單到復(fù)雜，循序漸進(jìn)，結(jié)構(gòu)合理，邏輯性強(qiáng)。每個(gè)知識點(diǎn)都有精心設(shè)計(jì)的典型例子說明其用法，每章都配有標(biāo)準(zhǔn)化的練習(xí)題及其答案、上機(jī)實(shí)驗(yàn)指導(dǎo)。與本書配套的教學(xué)網(wǎng)站上有教學(xué)大綱、實(shí)驗(yàn)大綱、各種軟件的下載鏈接、課件和案例源代碼下載、在線測試等。
為了方便教學(xué)，本書還配有電子課件等教學(xué)資源包，任課教師和學(xué)生可以登錄“我們愛讀書”網(wǎng)（www.ibook4us.com）免費(fèi)注冊并瀏覽，或者發(fā)郵件至hustpeiit@163.com免費(fèi)索取。
本書可以作為高等院校計(jì)算機(jī)專業(yè)和非計(jì)算機(jī)專業(yè)學(xué)生的ASP.NET Web開發(fā)課程教材，也可以作為ASP.NET Web編程愛好者的參考書。

目前，市場上關(guān)于ASP.NET Web項(xiàng)目開發(fā)的相關(guān)書籍比較多，但系統(tǒng)地從WebForm開發(fā)過渡到MVC+EF框架開發(fā)的教材還沒有。為此，筆者組織一線相關(guān)教師編寫了這本符合高校教學(xué)需要和公司需要的教材。
本書系統(tǒng)地介紹了ASP.NET應(yīng)用開發(fā)的基礎(chǔ)知識和實(shí)際應(yīng)用，共分8章，包括Web應(yīng)用開發(fā)基礎(chǔ)，HTML與CSS+Div布局，客戶端腳本及應(yīng)用（含jQuery），ASP.NET Web項(xiàng)目開發(fā)基礎(chǔ)，基于WebForm模式的Web項(xiàng)目，ASP.NET MVC框架使用基礎(chǔ)，實(shí)體模型，EF框架與LINQ查詢，MVC 5及EF 6框架深入編程等內(nèi)容，其內(nèi)容從簡單到復(fù)雜，循序漸進(jìn)，結(jié)構(gòu)合理，邏輯性強(qiáng)。
本書以實(shí)用為出發(fā)點(diǎn)，每個(gè)章節(jié)中的每個(gè)知識點(diǎn)幾乎都有精心設(shè)計(jì)的典型例子說明其用法，每章都配有標(biāo)準(zhǔn)化的練習(xí)題及其答案、上機(jī)實(shí)驗(yàn)指導(dǎo)。與本書配套的教學(xué)網(wǎng)站上有教學(xué)大綱、實(shí)驗(yàn)大綱、各種軟件的下載鏈接、課件和案例源代碼下載、在線測試等，極大地方便了教與學(xué)。
本書寫作特色鮮明，一是教材結(jié)構(gòu)合理，我們對教材內(nèi)容的設(shè)置進(jìn)行了深思熟慮的推敲，在正文中指出了相關(guān)章節(jié)知識點(diǎn)之間的聯(lián)系；二是知識點(diǎn)介紹簡明，例子生動并緊扣理論，很多例子是作者精心設(shè)計(jì)的；三是在教材中通過大量的截圖，清晰地反映了程序集→命名空間→類(或接口)三個(gè)軟件層次；四是通過綜合案例的設(shè)計(jì)與分析，讓學(xué)生綜合使用ASP.NET Web應(yīng)用開發(fā)的各個(gè)知識點(diǎn)；五是有配套的上機(jī)實(shí)驗(yàn)網(wǎng)站，包括實(shí)驗(yàn)?zāi)康摹?shí)驗(yàn)內(nèi)容、在線測試(含答案和評分)和素材的提供等。
相對于傳統(tǒng)的WebForm三層架構(gòu)而言，MVC 5+EF 6框架具有如下特點(diǎn)：①請求MVC Web項(xiàng)目的控制器取代了對窗體頁面的請求；②將復(fù)雜的應(yīng)用分成M、V、C三個(gè)組件模型后，有效地簡化了復(fù)雜的架構(gòu)，并將處理后臺邏輯代碼與前臺展示邏輯進(jìn)行了很好的分離；③優(yōu)秀的Razor引擎使得視圖代碼顯得清晰并可使用C#代碼獲取動態(tài)數(shù)據(jù)；④單個(gè)視圖可以對應(yīng)多個(gè)控制器，提高了代碼的重用；⑤ASP.NET MVC中的Partial View 和Layout分別布局取代了WebForm中的 Web用戶控件和母版；⑥MVC AJAX很好地支持異步處理；⑦ASP.NET MVC沒有服務(wù)器控件，其底層與WebForm是一樣的，即ASP.NET MVC是對WebForm的再封裝。此外，MVC 5+EF 6框架還具有Code First、模型重建和數(shù)據(jù)遷移等功能。
本書由吳志祥、何亨、張智、楊宜波和曾誠老師整體構(gòu)思，并與其他參編人員共同編著完成。
本書可以作為高等院校計(jì)算機(jī)專業(yè)和相關(guān)專業(yè)學(xué)生學(xué)習(xí)“.NET架構(gòu)”和“Web程序設(shè)計(jì)”等課程的教材，也可以作為Web開發(fā)者的參考書。
想獲取本書配套的教學(xué)大綱等教學(xué)資料，可訪問http://www.wustwzx.com，上機(jī)實(shí)驗(yàn)指導(dǎo)和教材中所有案例的源代碼，可訪問http://www.wustwzx.com/asp_net。
需要特別感謝的是碩士研究生張繼同學(xué)，他全程參與了教材案例的設(shè)計(jì)與測試。
為了方便教學(xué)，本書還配有電子課件等教學(xué)資源包，任課教師和學(xué)生可以登錄“我們愛讀書”網(wǎng)（www.ibook4us.com）免費(fèi)注冊并瀏覽，或者發(fā)郵件至hustpeiit@163.com免費(fèi)索取。
由于編者水平有限，書中錯漏之處在所難免，在此真誠歡迎讀者多提寶貴意見，讀者可通過訪問作者的教學(xué)網(wǎng)站http://www.wustwzx.com與作者聯(lián)系，以便再版時(shí)及時(shí)更正。

編者
2016年9月于武漢

第3章
客戶端腳本及應(yīng)用
第3章客戶端腳本及應(yīng)用
JavaScript(以下簡稱JS)是一種腳本語言，用于編寫頁面腳本以實(shí)現(xiàn)對網(wǎng)頁客戶端行為的控制。目前的瀏覽器大都內(nèi)嵌了JS引擎，用來執(zhí)行客戶端腳本。同時(shí)，網(wǎng)頁設(shè)計(jì)人員還可以使用優(yōu)秀的JS功能擴(kuò)展庫jQuery或第三方提供的JS腳本。本章的學(xué)習(xí)要點(diǎn)如下。
?掌握在頁面中使用JS腳本的方法。
?掌握J(rèn)avaScript內(nèi)置對象實(shí)現(xiàn)對表單提交數(shù)據(jù)有效性的驗(yàn)證。
?掌握使用JS對象和瀏覽器對象實(shí)現(xiàn)頁面的交互效果和動態(tài)效果。
?掌握jQuery的使用方法。
?掌握使用第三方的JS腳本制作圖片新聞的方法。
?了解面向?qū)ο笤O(shè)計(jì)方法的優(yōu)點(diǎn)。
?了解HTML 5與HTML 4的區(qū)別(新增功能)。
3.1 使用JavaScript腳本控制網(wǎng)頁的客戶端行為
3.1.1 JavaScript內(nèi)置對象和瀏覽器對象
JS是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動態(tài)功能，如響應(yīng)用戶的各種操作。
如今的瀏覽器程序一般都嵌入了JavaScript解釋程序，用于解釋執(zhí)行嵌入在頁面里的JS腳本(程序)。
JS內(nèi)置了幾個(gè)重要對象，主要包括日期/時(shí)間對象Date、數(shù)組對象Array、字符串對象String和數(shù)學(xué)對象Math等。其中：Date、Array和String是動態(tài)對象(本質(zhì)上是類)，它們封裝了一些常用的屬性和方法，使用前需要使用new運(yùn)算符創(chuàng)建其實(shí)例；而Math是靜態(tài)對象，不需要實(shí)例化就可以直接使用其方法及屬性。
對于嵌入到網(wǎng)頁中的JS來說，其宿主對象就是瀏覽器提供的對象，所以又稱為瀏覽器對象。在瀏覽器對象模型中，頂級對象是Window對象，表示瀏覽器的窗口，其提供了如下重要方法。
?alert()：產(chǎn)生警示消息框方法，警告框在單擊確定后消失。
?setTimeout()(或setInterval())：定時(shí)器方法，在指定的時(shí)間(或周期性地)調(diào)用某個(gè)方法。
?confirm()：產(chǎn)生一個(gè)是否型對話框方法，對話完成后對話框關(guān)閉。
在瀏覽器窗口里，可以包含文檔、框架和訪問歷史記錄等對象，幾個(gè)常用的二級對象介紹如下。
?document：表示瀏覽器窗口里的文檔。
?location：表示窗口里文檔的位置，使用href屬性可實(shí)現(xiàn)客戶端頁面跳轉(zhuǎn)。
?navigator：表示客戶端瀏覽器。
?history：表示歷史訪問記錄。
文檔對象document的常用方法如下。
?write(exp)：向文檔對應(yīng)的網(wǎng)頁窗口輸出表達(dá)式exp的值。
?getElementsByTagName(\"tagName\")：返回文檔里指定標(biāo)簽名的對象的集合。
?getElementById()：返回使用ID屬性定義的對象。
注意：
(1) 在JS腳本里使用瀏覽器對象時(shí)，瀏覽器對象名稱通常需要小寫，這不同于HTML標(biāo)記名稱及其屬性名稱，使用JS內(nèi)置對象時(shí)，其名稱及其方法名需要嚴(yán)格區(qū)分大小寫。
(2) 使用JS內(nèi)置對象編程時(shí)，其名稱及其方法與屬性名需要嚴(yán)格區(qū)分大小寫。
在一個(gè)文檔里可以包含超鏈接、圖像和表單等，表單又可以包含文本框、下拉列表、提交按鈕等。因此，瀏覽器對象模型具有多級結(jié)構(gòu)，如圖3.1.1所示。

圖3.1.1 瀏覽器對象模型簡圖
為了控制客戶端的行為，需要引入面向?qū)ο蟮乃枷牒蛯ο蟮腜EM模型。
類與對象是面向?qū)ο缶幊谭绞降暮诵暮突A(chǔ)，對象是類的一個(gè)實(shí)例，類是對一類對象的抽象。通過類可以對零散的用于實(shí)現(xiàn)某項(xiàng)功能的代碼進(jìn)行有效管理。
將要處理的問題(對象)抽象為類，并將這類對象的屬性和方法封裝起來，然后通過對象的事件來訪問該類對象的屬性和方法來解決實(shí)際問題。
任何對象都具有一些屬性(property)和方法(method)，方法是在一定的事件(event)發(fā)生時(shí)采用的，這就是對象的PEM模型。
JavaScript支持的瀏覽器事件有很多，它們可以用于不同的對象，常用事件如表3.1.1所示。
表3.1.1 JavaScript支持的常用瀏覽器事件
序號事件名含義或說明
1 OnClick 單擊事件，常用于button類型的命令按鈕和超鏈接
2 OnFocus 獲得焦點(diǎn)事件，如激活文本框等對象時(shí)觸發(fā)
3 OnBlur 失去焦點(diǎn)事件，如下拉列表選擇、文本框輸入確定后觸發(fā)
4 OnChange 更新后事件，在元素的值發(fā)生改變時(shí)觸發(fā)
5 OnLoad Document對象的事件，瀏覽器完成HTML文檔載入時(shí)觸發(fā)
6 OnDblClick 雙擊事件，常用于button類型的命令按鈕
7 OnMouseOver 鼠標(biāo)位于對象上時(shí)
8 OnMouseOut 鼠標(biāo)從對象上離開時(shí)
要在JS中訪問DOM(document object model，文檔對象模型)元素，就需要標(biāo)識HTML元素的標(biāo)記屬性。屬性ID和Name都可以用來標(biāo)識一個(gè)HTML元素，JavaScript分別有兩個(gè)方法getElementById()和getElementByName()來定位DOM節(jié)點(diǎn)。ID標(biāo)識的元素外觀由與ID屬性值相同的#樣式?jīng)Q定；在表單表提交到服務(wù)器端后，為了取到表單域的值，則需要使用Name屬性命名表單域(表單元素)。
注意：在HTML中，Name屬性值可以重復(fù)，而ID屬性值不可重復(fù)，是方法getElementById()的要求。
在設(shè)計(jì)在線測試頁面時(shí)，其單選題對應(yīng)的表單元素的Name屬性值相同，為此，客戶端腳本和服務(wù)器腳本分別提交其處理方法。
表單里的元素是頁面中的元素，在JS腳本中，除了可以按名稱訪問外，還可以使用elements[]數(shù)組訪問。命名訪問表單第i個(gè)元素的屬性的方法如下。
表單名.elements[i].屬性名 i=0,1,2…
其中，下標(biāo)i為該元素在表單內(nèi)元素出現(xiàn)的先后順序，從0開始編號。
本課程在線測試頁面，請?jiān)L問http://www.wustwzx.com/asp_net/zxcs.html。
3.1.2 JavaScript變量與常量、流程控制語句
程序是可執(zhí)行的語句序列。變量與常量是程序設(shè)計(jì)中最基本的概念。
常量在指在程序運(yùn)行過程中值不發(fā)生變化的量；變量是相對于常量而言的，它的值在程序運(yùn)行過程中可以隨時(shí)變化。
程序結(jié)構(gòu)除了容易理解的順序結(jié)構(gòu)外，還有分支結(jié)構(gòu)和循環(huán)結(jié)構(gòu)。
1. 分支結(jié)構(gòu)
分支語句用于條件執(zhí)行，可分為單分支語句、雙分支語句和多分支語句三種。
單分支語句的用法格式如下。
if(exp){
statement; //exp的值為真時(shí)才執(zhí)行
}
//后繼語句; //無條件執(zhí)行的語句
雙分支語句用于二選一，其用法格式如下。
if(exp){
statement1; // exp的值為真時(shí)執(zhí)行
}else{
statement2; // exp的值為假時(shí)執(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í)行的語句
注意：多分支實(shí)質(zhì)上是基本分支語句的嵌套。
開關(guān)語句可用于多選一的情形，其用法格式如下。
switch(表達(dá)式)
{
case 常量表達(dá)式1: 語句組1; break;
case 常量表達(dá)式2: 語句組2; break;
case 常量表達(dá)式3: 語句組3; break;
…….
case 常量表達(dá)式n: 語句組n; break;
default: 語句組n+1;
}
//后繼語句; //無條件執(zhí)行的語句
注意：執(zhí)行開關(guān)語句時(shí)，遇到break語句就終止switch執(zhí)行語句，轉(zhuǎn)到后繼語句。
2. 循環(huán)結(jié)構(gòu)
循環(huán)結(jié)構(gòu)有for、while和do…while等多種格式。for循環(huán)的語法格式如下。
for(exp1;exp2;exp3){ //當(dāng)exp1僅執(zhí)行一次
循環(huán)體語句 //當(dāng)exp2為真時(shí)才執(zhí)行，然后執(zhí)行exp3，再次執(zhí)行exp2
}
// 后繼語句
注意：當(dāng)exp2為假時(shí)，將終止循環(huán)的執(zhí)行。
while循環(huán)的語法格式如下。
while(exp){ //當(dāng)exp為真才執(zhí)行循環(huán)體
循環(huán)體語句
}
// 后繼語句
do…while循環(huán)的語法格式如下。
do{
循環(huán)體語句
}while(exp); //當(dāng)exp為假時(shí)將執(zhí)行后繼語句
// 后繼語句
注意：do…while是先執(zhí)行循環(huán)體再判斷條件，因此，循環(huán)體至少執(zhí)行一次。
在循環(huán)體內(nèi)，通常使用if語句檢測某種條件是否成立。當(dāng)條件成立時(shí)，使用break語句可以提前終止循環(huán)，即程序執(zhí)行到循環(huán)語句的后繼語句。
3.1.3 在頁面里使用JavaScript腳本實(shí)現(xiàn)頁面的交互效果
使用button類型的命令按鈕用來響應(yīng)客戶端的瀏覽器事件，而響應(yīng)客戶端事件的處理方法可用JS來寫。在如下的例3.1.1中，OnLoad表示頁面加載完畢事件，OnClick表示單擊命令按鈕事件。
【例3.1.1】在頁面中央顯示一組圖片。
【瀏覽效果】頁面瀏覽效果如圖3.1.2所示。

圖3.1.2 頁面example3_1_1.html瀏覽效果
頁面example3_1_1.html代碼如下。

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

你還可能感興趣

我要評論