因特網(wǎng)技術(shù)基礎(chǔ)_第1頁
因特網(wǎng)技術(shù)基礎(chǔ)_第2頁
因特網(wǎng)技術(shù)基礎(chǔ)_第3頁
因特網(wǎng)技術(shù)基礎(chǔ)_第4頁
因特網(wǎng)技術(shù)基礎(chǔ)_第5頁
已閱讀5頁，還剩52頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

關(guān)于因特網(wǎng)技術(shù)基礎(chǔ)第1頁，共57頁，2023年，2月20日，星期三4.1、網(wǎng)頁的兩種基本模式1、動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁之間的主要區(qū)別在于：動態(tài)網(wǎng)頁含有服務(wù)器端腳本，因而只能在Web服務(wù)器上運行，而靜態(tài)網(wǎng)頁因為不含服務(wù)器端腳本，無需Web服務(wù)器支持，只需瀏覽器支持即可運行。動態(tài)網(wǎng)頁運行在服務(wù)器端，返回HTML頁面，運行機制:⑴用戶通過瀏覽器向Web服務(wù)器請求(.asp)文件；⑵Web服務(wù)器接受請求，根據(jù)擴展名.asp識別出asp文件；⑶Web服務(wù)器將asp文件轉(zhuǎn)給一個類似于發(fā)動引擎的動態(tài)鏈接庫文件ASP.dll；⑷ASP.dll將請求的文件從頭到尾進(jìn)行解釋處理，并根據(jù)ASP文件的腳本命令生成相應(yīng)的html頁面；⑸Html頁面被發(fā)送給客戶端瀏覽器并顯示。第2頁，共57頁，2023年，2月20日，星期三2、ASP技術(shù)含義簡單地說，ASP是微軟的IIS（InternetInformationServer，因特網(wǎng)信息服務(wù)）提供的一種基于服務(wù)器的腳本運行環(huán)境，也可以稱為一種解決方案，它包括三層含義：1）使用了微軟的技術(shù)（ActiveX）來編程開發(fā)的；2）運行在服務(wù)器端（Server），無需擔(dān)心客戶端瀏覽器是否支持ASP的編程語言；3）返回標(biāo)準(zhǔn)的HTML頁面（Pages）。腳本是指一段能夠完成某些特殊功能的程序段。編寫腳本的語言稱為腳本語言，腳本語言是介于HTML語言和VisualBasic、Java等高級語言之間的一種語言。它更接近高級語言，但卻比高級語言簡單易學(xué)，當(dāng)然也沒有高級語言的功能那么強大。微軟公司為ASP開發(fā)提供了兩種標(biāo)準(zhǔn)的腳本語言：VBScript和JavaScript，系統(tǒng)的默認(rèn)腳本語言為VBScript語言。由此可見，ASP本身并不是什么程序設(shè)計語言，也不是什么開發(fā)工具、編輯軟件，它只是為嵌入Html頁面中的腳本提供了運行環(huán)境。第3頁，共57頁，2023年，2月20日，星期三靜態(tài)網(wǎng)頁的執(zhí)行過程：第4頁，共57頁，2023年，2月20日，星期三動態(tài)網(wǎng)頁的執(zhí)行過程：第5頁，共57頁，2023年，2月20日，星期三例子：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁</title></head><scriptlanguage="JavaScript">document.write("<h1>"+"今天是："+Date()+"</H1>");</script><%response.Write"<h1>"&"今天是："&now()&"</H1>"%><body></body></html>第6頁，共57頁，2023年，2月20日，星期三3、客戶端腳本與服務(wù)器端腳本服務(wù)器端腳本：在<%%>之間在<script>標(biāo)記的屬性中，加RUNAT=“Server”客戶端腳本：插入<script>標(biāo)記中，沒有屬性RUNAT=“Server”第7頁，共57頁，2023年，2月20日，星期三1JavaScript的語法特性(1)JavaScript的字母區(qū)分大小寫的；(2)JavaScript語句一般以分號（;）作為結(jié)束符；(3)JavaScript的注釋符號包括多行注釋符/*和*/和單行注釋符號//；(4)分支結(jié)構(gòu)、循環(huán)結(jié)構(gòu)、自定義函數(shù)等程序段包含多條語句時稱為語句塊，應(yīng)該置于一對大括號內(nèi){}內(nèi)；4.2JavaScript腳本語法結(jié)構(gòu)第8頁，共57頁，2023年，2月20日，星期三

JavaScript腳本的嵌入位置和運行方式都比較自由，既可以直接嵌入當(dāng)前文檔，又可以獨立存放在外部文件中，運行方式既可以直接運行，也可以根據(jù)需要伴隨事件運行。其基本格式如下：（1）．直接嵌入，直接運行。通過<script>……</script>標(biāo)記對直接嵌入在當(dāng)前文件中。<SCRIPTLANGUAGE="JavaScript">//JavaScript代碼</SCRIPT>（2）．外部引入，直接運行。將JavaScript程序以擴展名“.js”的文件單獨存放，再利用<script>標(biāo)記的src屬性引入外部文件，其語法格式如下：<scriptLANGUAGE="JavaScript">src=”*.js”></script>2JavaScript腳本運行方式第9頁，共57頁，2023年，2月20日，星期三（3）．直接嵌入，事件觸發(fā)。通過事件觸發(fā)方式執(zhí)行JavaScript的方法或函數(shù)主要有兩種：一種是在HTML標(biāo)記的屬性中設(shè)置JavaScript的事件處理函數(shù)，事件被視為HTML標(biāo)記的屬性。如下格式所示：

<inputtype=textname="Text1"value="鼠標(biāo)點擊"onclick="javascript:alert('鼠標(biāo)已點擊文本框!')">第10頁，共57頁，2023年，2月20日，星期三 JavaScript語言是一種弱類型的腳本語言，數(shù)據(jù)類型通常分為六種：⑴數(shù)值型：即Number，由0~9的數(shù)字字符，正負(fù)號，小數(shù)點組成，如2.6、3.14等等。⑵邏輯型：即Boolean，只包括true（真）和false（假）兩個值，在JavaScript中，整數(shù)0約定為false，非0整數(shù)約定為true。⑶字符型：即String，是用單引號或雙引號定界的字符串序列，字符包括英文、漢字、空格或數(shù)字。4.3JavaScript數(shù)據(jù)類型第11頁，共57頁，2023年，2月20日，星期三⑷對象型：即Object，對象是方法和屬性的集合體。⑸未定型：即Undefined，一個已經(jīng)聲明但還沒有賦值的變量，或者表示一個對象的屬性根本不存在。⑹空值型：即Null，表示變量沒有值或不是一個對象，即什么也不是。4.3JavaScript數(shù)據(jù)類型第12頁，共57頁，2023年，2月20日，星期三根據(jù)數(shù)據(jù)類型的不同，常量可分為:數(shù)值型常量字符型常量邏輯型常量轉(zhuǎn)義字符4.4JavaScript常量第13頁，共57頁，2023年，2月20日，星期三

對變量的聲明未作強制性規(guī)定?？梢圆宦暶鳎苯淤x值使用；也可以先聲明，后賦值使用，聲明的同時還可以賦值。聲明多個變量時，變量名之間用逗號（,）隔開。

JavaScript用var命令聲明變量，并且無須指明數(shù)據(jù)類型，其數(shù)據(jù)類型由變量值的類型決定的，變量命名必須以字母（大小寫均可）、下劃線(_)或美元符($)開頭，變量名稱不能使用Javascript語法保留的關(guān)鍵字。4.5JavaScript變量第14頁，共57頁，2023年，2月20日，星期三

JavaScript腳本提供了極其豐富的運算符，包括賦值、條件、算術(shù)、字符連接、關(guān)系、邏輯和位運算符。4.6JavaScript運算符第15頁，共57頁，2023年，2月20日，星期三1、賦值運算符第16頁，共57頁，2023年，2月20日，星期三2、算術(shù)運算符第17頁，共57頁，2023年，2月20日，星期三3、比較運算符第18頁，共57頁，2023年，2月20日，星期三4、邏輯運算符第19頁，共57頁，2023年，2月20日，星期三5、位運算符第20頁，共57頁，2023年，2月20日，星期三6、其它運算符位第21頁，共57頁，2023年，2月20日，星期三if(條件表達(dá)式){語句序列1}else{語句序列2}4.7分支結(jié)構(gòu)第22頁，共57頁，2023年，2月20日，星期三if(條件語句1){語句序列1}elseif(條件語句2){語句序列2}elseif(條件語句3){語句序列3}……else{語句序列n}4.7分支結(jié)構(gòu)第23頁，共57頁，2023年，2月20日，星期三Switch(變量或表達(dá)式){case值1:語句序列1;break;case值2:語句序列2;break;……case值n:語句序列n;break;default:語句序列n+1;break;}4.7分支結(jié)構(gòu)第24頁，共57頁，2023年，2月20日，星期三while(條件){語句序列}4.8循環(huán)結(jié)構(gòu)第25頁，共57頁，2023年，2月20日，星期三for(<初值表達(dá)式>;<條件表達(dá)式>;<步長表達(dá)式>){語句序列}4.8循環(huán)結(jié)構(gòu)第26頁，共57頁，2023年，2月20日，星期三：for(<屬性>in<對象>){語句序列}4.8循環(huán)結(jié)構(gòu)第27頁，共57頁，2023年，2月20日，星期三默認(rèn)情況下，循環(huán)語句將進(jìn)行無休止地循環(huán)執(zhí)行，除非循環(huán)條件表達(dá)式的值為假。如想提前中斷或跳過循環(huán)，需在句塊中添加break或continue語句就可以了。break語句中斷所有循環(huán)，而continue語句則跳過本次循環(huán)的剩余語句，然后開始下一次循環(huán)。4.9break和continue語句第28頁，共57頁，2023年，2月20日，星期三函數(shù)定義函數(shù)的調(diào)用變量的作用域函數(shù)對象定義4.10function函數(shù)第29頁，共57頁，2023年，2月20日，星期三function語句主要用來定義靜態(tài)函數(shù)，當(dāng)然也可以定義函數(shù)對象，定義靜態(tài)函數(shù)的語法結(jié)構(gòu)如下：function函數(shù)名(形參1,形參2…){局部變量定義函數(shù)執(zhí)行部分[return[表達(dá)式]]}函數(shù)定義第30頁，共57頁，2023年，2月20日，星期三JavaScript語言的典型特性就是對象，一切皆對象，甚至連數(shù)據(jù)，數(shù)據(jù)類型等等都可以當(dāng)作對象。將變量和相關(guān)處理函數(shù)封裝成對象，每個對象都有自己的屬性和方法。屬性可以訪問對象的數(shù)據(jù)，方法主要用來處理數(shù)據(jù)的函數(shù)。JavaScript支持4種對象：內(nèi)置對象、自定義對象、瀏覽器對象和ActiveX對象。JavaScript提供了11種內(nèi)置對象，其中常用內(nèi)置對象如圖所示。4.11JavaScript內(nèi)置對象第31頁，共57頁，2023年，2月20日，星期三在JavaScript中，內(nèi)置對象一般不能直接使用，需要使用new命令創(chuàng)建該對象的實例，然后通過對象實例間接使用該對象及其屬性和方法。JavaScript對象可以視為一個數(shù)組，對象屬性就是數(shù)組的元素，所以也可以使用數(shù)組索引序號或者索引名（屬性名）的方式訪問對象屬性，具體引用有下列三種方式：⑴使用點（.）運算符university.Name="安徽省"⑵通過下標(biāo)實現(xiàn)引用university[0]="安徽省"⑶通過字符串的形式實現(xiàn)university["Name"]="安徽省"第32頁，共57頁，2023年，2月20日，星期三格式：var對象實例名=newString("字符串");說明：建立字符串對象，使用時注意以下幾點：⑴關(guān)鍵字new和String可同時省略，省略關(guān)鍵字時，隱性建立一個string對象，可以使用string對象的方法；⑵String對象提供了一個屬性，即length，用來返回字符串的長度，其用法為：對象實例名.length；4.12String對象第33頁，共57頁，2023年，2月20日，星期三String對象的定義可以通過兩種方法創(chuàng)建一個字符串對象。str1="hello";str2=newString("hello");String對象的方法第一類是關(guān)于字符串的運算。

（1）charAt(位置)（2）indexOf(子字符串,起始索引)（3）substring（起始索引,結(jié)束索引）

（4）toLowerCase()（5）toUpperCase()第二類是關(guān)于字符串的顯示處理。第34頁，共57頁，2023年，2月20日，星期三charAt()方法可返回指定位置的字符。indexOf()方法可返回某個指定的字符串值在字符串中首次出現(xiàn)的位置。substring()方法用于提取字符串中介于兩個指定下標(biāo)之間的字符。toLowerCase()方法用于把字符串轉(zhuǎn)換為小寫。toUpperCase()方法用于把字符串轉(zhuǎn)換為大寫。第35頁，共57頁，2023年，2月20日，星期三⑶String對象提供了一組方法，用于對字符串的處理⑷JavaScript采用Unicode編碼，1個漢字和1個西文字符都是算一個字符。⑸String對象還提供了一些格式字符方法⑹使用時注意方法名、關(guān)鍵字的大小寫。第36頁，共57頁，2023年，2月20日，星期三格式：var數(shù)組名=newArray([數(shù)組大小|數(shù)組元素列表]);說明：建立數(shù)組對象，使用時注意以下幾點：⑴數(shù)組對象提供了一個屬性，即length，用于取得數(shù)組的元素個數(shù)；⑵數(shù)組大小具有自動擴展機制，可以指定數(shù)組的大小，也可以不指定數(shù)組的大?。虎峭ㄟ^索引下標(biāo)可以引用數(shù)組元素，下標(biāo)起始值從0開始計數(shù)；4.13Array對象第37頁，共57頁，2023年，2月20日，星期三⑷數(shù)組中的各元素值的類型可以各不相同；⑸建立數(shù)組對象時，也可同時指定數(shù)組元素的值；⑹關(guān)鍵字new和Array可同時省略，省略關(guān)鍵字時，需將數(shù)組元素列表放在一個方括號中，多元素之間用逗號隔開；⑺不能直接建立二維或多維數(shù)組對象，不過數(shù)組元素的內(nèi)容可以是數(shù)組對象，從而間接建立多維數(shù)組；4.13Array對象第38頁，共57頁，2023年，2月20日，星期三4.14、鼠標(biāo)與鍵盤事件第39頁，共57頁，2023年，2月20日，星期三Window對象Document對象History對象Navigator對象Location對象Link對象Screen對象External對象窗體驗證4.15瀏覽器對象第40頁，共57頁，2023年，2月20日，星期三JavaScript將瀏覽器本身，網(wǎng)頁以及網(wǎng)頁的HTML元素等都用相應(yīng)的對象來表示，這些對象及對象之間的層次關(guān)系統(tǒng)稱為DOM（DocumentObjectModel，文檔對象模型—又稱為瀏覽器對象），瀏覽器對象是一個上下包含關(guān)系的層次結(jié)構(gòu)的對象模型，上層包含很多下層子對象，上下對象之間是一種從屬關(guān)系。在這種從屬關(guān)系結(jié)構(gòu)模型中，Window（窗口）對象是瀏覽器對象層次結(jié)構(gòu)中最高層，所有其他對象都可以視為Window對象的屬性。瀏覽器對象模型如圖所示。1

瀏覽器對象第41頁，共57頁，2023年，2月20日，星期三window（窗口）對象是瀏覽器對象層次結(jié)構(gòu)中最高層，window對象代表瀏覽器的整個窗口。每個窗口都是window對象的實例，引用實例可以通過以下名稱表示：⑴window或self：表示當(dāng)前窗口；⑵top：代表最頂層窗口；⑶parent：代表當(dāng)前窗口的父窗口；⑷opener：由open打開的窗口。⑸各從屬對象可采用如下方式進(jìn)行訪問：window.子對象1.子對象2.屬性名或方法名2Window對象第42頁，共57頁，2023年，2月20日，星期三1)．window對象的方法如圖所示：2)．window對象的屬性⑴name屬性：用于指定窗口的名稱，可以使用a標(biāo)記的target屬性指定窗口的名稱，也可以使用open方法打開一個指定名稱的新窗口。⑵defaultstatus屬性：用于設(shè)置或讀取瀏覽器窗口狀態(tài)欄中的默認(rèn)顯示信息。例如，可以在window對象的onload事件過程中編寫以下語句：<bodyonload="window.defaultStatus='歡迎您光臨本站點！'"language="JavaScript">⑶status屬性：用于設(shè)置或讀取瀏覽器窗口狀態(tài)欄中顯示的臨時信息。例如，可以在某張圖片的onmouseover事件過程中編寫以下代碼：window.status="這是一張圖片。"⑷screenLeft屬性：傳回左邊界的坐標(biāo)。⑸screenTop屬性：傳回上邊界的坐標(biāo)

2Window對象第43頁，共57頁，2023年，2月20日，星期三2Window對象第44頁，共57頁，2023年，2月20日，星期三document對象表示在瀏覽器窗口或其中一個框架中顯示的HTML文檔，通過該對象的屬性和方法可以控制頁面的外觀和內(nèi)容。1).document對象方法writewriteln:輸出getElementById()：可返回對擁有指定ID的第一個對象的引用。

getElementsByName()：可返回帶有指定名稱的對象的集合

2).document對象屬性3).Document下的對象如：Document.form13Document對象第45頁，共57頁，2023年，2月20日，星期三Document對象的屬性(1)LinkColor屬性：用來設(shè)置或返回文檔中超鏈接的顏色。(2)aLinkColor屬性：用來設(shè)置或返回文檔中活動鏈接的顏色。(3)vLinkColor屬性：用來設(shè)置或返回已經(jīng)訪問過的超鏈接的顏色。(4)bgColor屬性：用來設(shè)置或返回文檔的背景顏色。(5)fgColor屬性：用來設(shè)置或返回文檔中文本的顏色。(6)Anchor屬性：這是一個對象屬性，用來表示文檔中的錨點。(7)Title屬性：用來返回當(dāng)前文檔的標(biāo)題，在運行期間不能改變。(8)Location屬性：用來設(shè)置或返回文檔的URL。(9)Link屬性：這是一個對象屬性，用來表示文檔中的超鏈接。(10)LastModified屬性：返回當(dāng)前文檔的最后修改日期。(11)Referrer屬性：用于返回鏈接到當(dāng)前頁面的那個頁面的URL。第46頁，共57頁，2023年，2月20日，星期三history對象包含用戶已經(jīng)瀏覽過的url集合，提供了瀏覽器的導(dǎo)航按鈕功能，可以通過文檔的歷史記錄來瀏覽文檔。history對象擁有以下主要屬性和方法。⑴length屬性：返回歷史記錄表中的url數(shù)目。⑵back方法：從歷史記錄表中返回上一頁。⑶forward方法：從歷史記錄表中返回下一頁。⑷go(num)方法：在歷史記錄表中跳轉(zhuǎn)到指定的頁，num小于0為上一頁，反之下一頁。4History對象第47頁，共57頁，2023年，2月20日，星期三navigator對象是存儲瀏覽器信息的對象，該對象沒有提供方法，只提供了屬性，書寫注意大小寫。常見屬性如圖所示

5Navigator對象第48頁，共57頁，2023年，2月20日，星期三location對象包含當(dāng)前url的信息，常見屬性如圖所示。location對象只有2個方法，即reload方法和replace(url)，前者用于重新加載當(dāng)前文檔，后者用于轉(zhuǎn)向到指定的URL網(wǎng)址，功能上類似于href屬性。6Location對象第49頁，共57頁，2023年，2月20日，星期三link對象表示文檔中的超鏈接，通過該對象的一些屬性可以得到鏈接目標(biāo)。link對象的基本屬性是length，它返回文檔中鏈接的數(shù)目。每個鏈接都是links數(shù)組中的一個元素，可以通過索引值來訪問。例如，第一個鏈接是links(0)，第二個鏈接是links(1)，最后一個鏈接是links(links.length-1)。7Link對象第50頁，共57頁，2023年，2月20日，星期三獲取屏幕的相關(guān)信息，screen對象常見屬性如表圖所示

8Screen對象第51頁，共57頁，2023年，2月20日，星

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論