網(wǎng)頁復(fù)習(xí)材料_第1頁
網(wǎng)頁復(fù)習(xí)材料_第2頁
網(wǎng)頁復(fù)習(xí)材料_第3頁
網(wǎng)頁復(fù)習(xí)材料_第4頁
網(wǎng)頁復(fù)習(xí)材料_第5頁
已閱讀5頁,還剩4頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

1、第三部分:網(wǎng)頁表單1.Dreamweaver中表單調(diào)用(略)2.HTML表單源碼(1)表單的基本語法. *=GET, POST 表單中提供給用戶的輸入形式*=text, password, checkbox, radio, image, hidden, submit, reset(2)文字輸入和密碼輸入*=text, password 您的主頁的網(wǎng)址: 密碼: (3)復(fù)選框(Checkbox)和單選框(RadioButton) (4)圖象坐標(biāo)(略)(5)隱藏表單的元素 (略)(6)列表框(Selectable Menu) 基本語法 . Banana Apple Orange (7)文本區(qū)域 .

2、 3.get與post在最初http協(xié)議定義的時(shí)候,http方法設(shè)置了get/post/put/delete。其實(shí)就對(duì)應(yīng)了數(shù)據(jù)操作的查、新增、修改、刪除的基本操作。get和post是最常用的兩個(gè)。Get是向服務(wù)器發(fā)索取數(shù)據(jù)的一種請(qǐng)求;而Post是向服務(wù)器提交數(shù)據(jù)的一種請(qǐng)求,要提交的數(shù)據(jù)位于信息頭后面的實(shí)體中。 Get與post方法的區(qū)別:(1) GET 方法GET從服務(wù)器獲取數(shù)據(jù),GET 方法提交數(shù)據(jù)不安全,數(shù)據(jù)置于請(qǐng)求行,客戶端地址欄可見GET 方法提交的數(shù)據(jù)大小限制在255 個(gè)字符之內(nèi),字符串傳送。GET 方法不可以設(shè)置書簽(2) POST 方法POST向服務(wù)器傳送數(shù)據(jù)POST 方法提交數(shù)

3、據(jù)安全,數(shù)據(jù)置于消息主體內(nèi),客戶端不可見POST 方法提交的數(shù)據(jù)大小沒有限制,采用標(biāo)準(zhǔn)輸入。POST 方法可以設(shè)置書簽4.MIMEMIME-多用途網(wǎng)際郵件擴(kuò)充協(xié)議MIME格式常用的type/subtypes5. URL編碼步驟:(1) 將數(shù)據(jù)中特殊字符(非數(shù)字、字母)用“%TT”替換,T為一位十六進(jìn)制數(shù)。(2) 將數(shù)據(jù)中的空格用“+”替代(3) 將數(shù)據(jù)中的“名”“值”用“=”連接。(4) 將數(shù)據(jù)中的“名值對(duì)”用“&”連接。第四部分:JavaScript1JavaScript概述(1)JavaScript是一種易學(xué)易用的腳本語言,目的是面向與用戶動(dòng)態(tài)交互的腳本開發(fā),擴(kuò)展HTML頁面的功能。(2)

4、90年代初 SUN Microsystems設(shè)計(jì)出JAVA1994最早的商業(yè)瀏覽器Netscape Navigator JavaScript前身LiveScript(3) JavaScript標(biāo)準(zhǔn)Jscript是微軟公司的javascript.ECMA(European Computer Manufactures Association 歐洲計(jì)算機(jī)制造協(xié)會(huì))提出ECMA-262是JavaScript標(biāo)準(zhǔn)。(4)特點(diǎn)l 腳本語言(解釋性語言,弱數(shù)據(jù)類型)l 基于對(duì)象語言l 事件驅(qū)動(dòng)l 安全性l 跨平臺(tái)(5) JavaScript與HTML為了運(yùn)用JavaScript控制HTML頁面上的對(duì)象,Ja

5、vaScript的代碼必須與HTML代碼結(jié)合在一起。將JavaScript嵌入HTML頁面時(shí),必須使用SCRIPT標(biāo)簽,該標(biāo)簽使用形式如下: /JavaScript代碼標(biāo)簽通知瀏覽器,有腳本嵌入到標(biāo)簽中。2基于對(duì)象編程(1)對(duì)象表示現(xiàn)實(shí)中的任何物體。兩個(gè)基本部分:數(shù)據(jù)(data)和方法(method)與面向?qū)ο蟛煌趯?duì)象一般不支持分類、繼承、封裝等基本的面向?qū)ο缶幊坦δ?。JavaScript提供了一組豐富的瀏覽器服務(wù)器對(duì)象的屬性和方法一個(gè)對(duì)象的下一個(gè)階層是這個(gè)對(duì)象的屬性。瀏覽器對(duì)象:(2)屬性一個(gè)對(duì)象的屬性確定了該對(duì)象的狀態(tài),術(shù)形式保存某個(gè)對(duì)象的數(shù)據(jù)元素、特征和變量。語法:A設(shè)置語法:對(duì)象

6、.屬性=屬性值B引用語法:對(duì)象.屬性/對(duì)象數(shù)組/字符串方式 (3)方法描述該對(duì)象可做的事情。使用語法:對(duì)象.方法()(4)事件處理是一個(gè)對(duì)象可以識(shí)別而且可以定義如何相應(yīng)的動(dòng)作,相應(yīng)某個(gè)事件而進(jìn)行處理的過程稱為事件處理。3. JavaScript中的數(shù)據(jù)類型 (1)數(shù)據(jù)類型分類: 類型說明字符串類型用引號(hào)引起的一串字符數(shù)值類型整數(shù)或者實(shí)數(shù)布爾類型邏輯值,有真或假兩種數(shù)組數(shù)組被當(dāng)作對(duì)象來處理對(duì)象類型代表JavaScript中的一些對(duì)象空類型undefined代表一個(gè)空值用于對(duì)象屬性不存在,或數(shù)據(jù)無值(2)常量當(dāng)一個(gè)參數(shù)賦予一個(gè)常量時(shí),這個(gè)參數(shù)值會(huì)一直不變,直到被賦予新的值。常量可以是整數(shù)、符點(diǎn)數(shù)、

7、布爾值、字符串、null等。JavaScript當(dāng)中,整數(shù)可以是正負(fù)數(shù),可以是8(前加0)、10、16(前加0x)進(jìn)制數(shù)。小數(shù)不能用8、16進(jìn)制表示??蓪⒊A抠x給變量。(3)變量l 變量的命名要遵循如下的規(guī)則:a變量名不能與保留字沖突,長度必須在1行。b變量名必須以字母或者下劃線(_)開頭,c不能用數(shù)字或者其他非字母字符作為變量名開頭。(首字母必須是字母或下劃線)c變量名中不能包含空格與其他標(biāo)點(diǎn)符號(hào)。d JavaScript是區(qū)分大小寫的,所以給變量命名時(shí)要考慮大小寫的問題。l 變量的定義JavaScript中采用弱類型變量,變量可以不做聲明和不做類型說明,而在使用或賦值時(shí)確定類型。但為了形成

8、良好的編程風(fēng)格,變量應(yīng)該采取先定義再使用的方法。JavaScript中變量的定義用關(guān)鍵字var來實(shí)現(xiàn)。例如,定義一個(gè)名為id的變量: var id;(4)運(yùn)算符按照運(yùn)算符的功能可以分為:算術(shù)運(yùn)算符。- + - * / % + -位運(yùn)算符。邏輯運(yùn)算符。! & | ?:比較運(yùn)算符。 = = !=賦值運(yùn)算符。= += -= *= /=其他運(yùn)算符 4.JavaScript在網(wǎng)頁中應(yīng)用(1)語法在之間通常需要加注釋符或者JavaScript自身的注釋語法/或者/*/(2)格式及外部裝入通常在之間,也可把輸出結(jié)果部分放到網(wǎng)頁體部。外部裝入:多個(gè)語句在同一行用“;”分開,不同行語句可不用5.程序結(jié)構(gòu)順序、選

9、擇、循環(huán)結(jié)構(gòu)(1)條件語句a.ifelseIf(condition)statement1;Elsestatement2;可以嵌套。可以使用else if條件語句A if語句格式:if (表達(dá)式) 語句塊; B if-else語句 if (表達(dá)式) 語句塊1; else 語句塊2; C 多路選擇語句switch基本格式:switch(expression)case label:statements;break;case label:statements;break;default:statements;即switch (表達(dá)式) case 值1:語句1; break; case 值2:語句2;

10、break; case 值n:語句n; break; default:語句; (2)循環(huán)語句A . for語句for (初始表達(dá)式;循環(huán)條件表達(dá)式;計(jì)數(shù)器表達(dá)式) 語句塊;B . while語句while (循環(huán)條件表達(dá)式) 語句塊; 計(jì)數(shù)器表達(dá)式; C . do-while語句 do 語句塊; 計(jì)數(shù)器表達(dá)式; while (循環(huán)條件表達(dá)式)D . label語句 label: 代碼塊;E . break語句 break;或break label; F . continue語句 continue;或continue label; (3)其他語句a. for-in語句 for (變量 in 對(duì)象

11、) 代碼塊;b. with語句 with (對(duì)象) 代碼塊;c. return語句d. 注釋 /或者/*/6 函數(shù)JavaScript不區(qū)分函數(shù)和過程,它只有函數(shù)。 (1)函數(shù)的定義 founction 函數(shù)名(參數(shù)1,參數(shù)2.) 代碼塊; (2)函數(shù)的參數(shù):在函數(shù)定義時(shí)確定參數(shù),然后按照確定的參數(shù)進(jìn)行傳遞調(diào)用。(3)函數(shù)返回值:可以使用return語句返回常量、變量,也可以是表達(dá)式等。(4)系統(tǒng)函數(shù)(內(nèi)置函數(shù))與任何對(duì)象無關(guān)的函數(shù),使用這些函數(shù)不需要?jiǎng)?chuàng)建任何實(shí)例,可直接用。eval(“string”) 返回字符串表達(dá)式中的值parseFloat(“string”) 返回字符串?dāng)?shù)的實(shí)數(shù)pars

12、eInt(“numbers”,x) 返回不同進(jìn)制字符串的十進(jìn)制數(shù)值(5)函數(shù)的事件驅(qū)動(dòng)7. JavaScript的內(nèi)置對(duì)象JavaScript中的內(nèi)置對(duì)象,包括數(shù)學(xué)(Math)對(duì)象、字符串(String)對(duì)象、日期(Date)對(duì)象、時(shí)間(Time)對(duì)象和數(shù)組(Array)對(duì)象等。(1)Math對(duì)象Math對(duì)象不需要用new操作符創(chuàng)建對(duì)象,而是可以直接使用,所以又被稱作是靜態(tài)的對(duì)象。 調(diào)用方式為:Math.數(shù)學(xué)函數(shù)名(參數(shù)表)Math對(duì)象的屬性Math對(duì)象的方法 (2) String對(duì)象String中的函數(shù)不能直接使用類名String加函數(shù)名,而是要?jiǎng)?chuàng)建String類型的對(duì)象,在對(duì)象的后面加上函

13、數(shù)名。aString對(duì)象的定義 str1=hello; str2=new String(hello); bString對(duì)象的屬性cString對(duì)象的方法 (3) Date對(duì)象JavaScript中沒有日期類型,Date對(duì)象中不僅包括日期,還包括時(shí)間。aDate對(duì)象的定義var 對(duì)象名=new Date(參數(shù));bDate對(duì)象的方法(4) Array對(duì)象數(shù)組是一系列元素的有序集合,它的強(qiáng)大功能是不可替代的。在JavaScript中,可以使用Array數(shù)組對(duì)象來完成對(duì)數(shù)組的操作。aArray對(duì)象的定義使用關(guān)鍵字new來創(chuàng)建。bArray對(duì)象的屬性cArray對(duì)象的方法實(shí)例:!-var ss=new

14、 Array(e,t,i,s);var tt=new Array(w,o,l,f);document.write(ss.reverse().join( )+);for(i=0;itt.length;i+)document.write(tti, );document.write(+tt.sort().join( )+);/-(5) 內(nèi)置函數(shù)A. escape():對(duì)字符串進(jìn)行編碼。B. unescape():對(duì)字符串進(jìn)行解碼。C. eval():將字符串轉(zhuǎn)換為實(shí)際代表的語句或運(yùn)算。D. parseInt():將其他類型的數(shù)據(jù)轉(zhuǎn)換成整數(shù)。 E. parseFloat():將其他類型的數(shù)據(jù)轉(zhuǎn)換成浮點(diǎn)

15、數(shù)。F. isNaN():判斷一個(gè)表達(dá)式是否是數(shù)值。 (6) 自定義對(duì)象A.通過對(duì)象初始化來創(chuàng)建,格式為:對(duì)象=屬性1:屬性值1,屬性2:屬性值2,.,屬性n:屬性值nB.通過定義對(duì)象的構(gòu)造方法創(chuàng)建對(duì)象 function 對(duì)象名(屬性1,屬性2,.,屬性n) this.屬性1=屬性值1;this.屬性2=屬性值2; . this.屬性n=屬性值n; this.方法1=函數(shù)名1;this.方法2=函數(shù)名2; . this.方法n=函數(shù)名n; 8. JavaScript框架Jquery是一個(gè)快速的,簡潔的javaScript庫,使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果。第五部分:CSS1CSS簡介CSS-層疊樣式表樣式表可描述文檔如何被顯示、發(fā)音或打印。CSS 是一種向網(wǎng)頁添加樣式的機(jī)制。2CSS定義selectorproperty:value;property:valueSelector分為三種形式:(1)HTML Selector:等(2)class Selector:a 相關(guān)class Selectortag.classnameproperty:valuetd.fancy color: #f60; background: #666; b 獨(dú)立class Selector.classname

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論