網(wǎng)頁(yè)制作基本知識(shí).ppt

1、JAVASCRIPT常用內(nèi)置對(duì)象,JavaScript是一種解釋型的、面向?qū)ο蟮木幊陶Z(yǔ)言 (OOP)。包含了很多內(nèi)置 JavaScript 對(duì)象：字符串、日期、數(shù)組、邏輯、算術(shù)等。JavaScript中的對(duì)象是由屬性(properties)和方法(methods)兩個(gè)基本元素構(gòu)成。前者是指與對(duì)象有關(guān)的值；后者是對(duì)象可以執(zhí)行的行為。, yyy,字符串內(nèi)置對(duì)象方法,1big() 用法：stringObject.big()。Var a=“abca”; var b=“def”; a.big()_; 作用：將字符串顯示為大號(hào)字體。 2blink() 用法：stringObject.blink()。 作用

2、：將字符串設(shè)置為閃動(dòng)效果。 3bold() 用法：stringObject.bold()。A.bold(); 作用：將字符串設(shè)置為粗體。 4charAt() 用法：stringObject.charAt(index) 作用：返回字符串指定位置的字符。 5CharCodeAt() 用法：stringObject.charCodeAt(index)。 作用：返回字符串指定位置字符的Unicode編碼。 6concat() 用法：stringObject.concat(string1，string2，stringN)。 作用：對(duì)字符串進(jìn)行連接。,7fixed() 用法：stringObject.fi

3、xedt()。 作用：將字符串顯示為打印機(jī)字體。 8fontcolor() 用法：stringObject.fontcolor(color)。 作用：指定字符串字體顏色。 9fontsize() 用法：stringObject.fontsize(size)。 作用：指定字符串字體的大小。 10indexOf() 用法：stringObject.indexOf(searchValue,fromIndex)。 作用：檢索字符串中字符或子字符串在字符串中的位置，如果沒有檢索到要檢索的字符串值，則返回 -1 11italics() 用法：stringObject.italics()。 作用：將字符串顯

4、示為斜體字。 12lastIndexOf() 用法：stringObject.lastndexOf(searchValue,fromIndex)。 作用：檢索一個(gè)指定的字符串值最后出現(xiàn)的位置，在字符串中指定位置從后向前搜索，如果沒有檢索到要檢索的字符串值，則該方法返回 -1。參見indexOf()的用法 。,13link() 用法：stringObject.link(url) 作用：字符串顯示為超鏈接。 14localeCompare() 用法：stringObject.localeCompare(targetStr)。 作用：比較兩個(gè)字符串，如果 stringObject 小于 target

5、Str，則 localeCompare() 返回小于 0 的數(shù)。如果 stringObject 大于 targetStr，則返回大于 0 的數(shù)。如果兩個(gè)字符串相等，或根據(jù)本地排序規(guī)則沒有區(qū)別，返回 0。 15match() 用法：stringObject.match(searchvalue)。 作用：查找指定的字符串，如果沒有可匹配的值，則返回null。 16replace() 用法：stringObject.replace(targetString,newString)。 作用：替換字符串中的某些字符。 17search() 用法：stringObject.search(searchStri

6、ng)。 作用：在字符串中找到指定字符或字符串位置。,18slice() 用法：stringObject.slice(start,end)。 作用：將字符串的部分字符提取出來，并返回剩余部分。 19small() 用法：stringObject.small()。 作用：將字符串顯示為小號(hào)字體。 20split() 用法：stringObject.split(separator, howmany)。 作用：將字符串分割成字符串?dāng)?shù)組。 21strike() 用法：stringObject.strike()。 作用：用刪除線刪除指定的字符串。 22sub() 用法：stringObject.sub(

7、)。 作用：將字符串顯示為下標(biāo)。 23substr() 用法：stringObject.substr(start,length)。 作用：在字符串中抽取從 start開始的指定數(shù)目的字符。 24substring() 用法：stringObject.substring(start,stop)。 作用：抽取字符串中兩個(gè)指定位置之間的字符。,25sup() 用法：stringObject.sup()。 作用：為字符串添加上標(biāo)。 26toLowerCase() 用法：stringObject.toLowerCase() 作用：將字符串轉(zhuǎn)化為小寫。 27toUpperCase() 用法：stringO

8、bject.toUpperCase() 作用：將字符串轉(zhuǎn)化為大寫。 28toSource() 用法：object.toSource() 作用：顯示對(duì)象的源代碼。 29toString() 用法：stringObject.toString() 作用：返回字符串。 30valueOf() 用法：stringObject.valueOf()。 作用：返回字符串對(duì)象的原始值。 31Constructor 用法：object.constructor。 作用：創(chuàng)建對(duì)象的引用。,32length 用法：object.length 作用：字符串長(zhǎng)度。 33prototype 用法：toty

9、=value。 作用：允許向?qū)ο筇砑訉傩院头椒ā?布爾型內(nèi)置對(duì)象方法,1toSource() 用法：object.toSource()。 作用：顯示對(duì)象的源代碼。 2toString() 用法：booleanObject.toString()。 作用：將布爾型轉(zhuǎn)換為字符串，并返回結(jié)果。 var a=“1”,b=“2”; var c=a+b;c=“ab”; 3valueOf() 用法：booleanObject.valueOf()。 作用：返回布爾對(duì)象的原始值。,數(shù)組內(nèi)置對(duì)象方法,1concat() 用法：arrayObject.concat(array1，array2，array

10、N)。 作用：將一個(gè)或多個(gè)數(shù)組連接成一個(gè)數(shù)組。 var a=new Array(); 實(shí)例化 2join() 用法：arrayObject.join(separator)。 作用：將數(shù)組元素合并成一個(gè)字符串。 3pop() 用法：arrayObject.pop()。 作用：刪除并返回?cái)?shù)組的最后一個(gè)元素。 4push() 用法：arrayObject.push(newelement1,newelement2,.,newelementN)。 作用：向數(shù)組的末尾添加一個(gè)或更多元素，并返回新的長(zhǎng)度值。 5reverse() 用法：arrayObject.reverse()。 作用：將數(shù)組中的元素反向排

11、列。,5reverse() 用法：arrayObject.reverse()。 作用：將數(shù)組中的元素反向排列。 6shift() 用法：arrayObject.shift()。 作用：刪除并返回?cái)?shù)組的第一個(gè)元素。 7slice() 用法：arrayObject.slice(start,end)。 作用：返回一個(gè)新的數(shù)組，包含從 start 到 end的 arrayObject 中的所有元素。 8sort() 用法：arrayObject.sort()。 作用：對(duì)數(shù)組元素排序。 9splice() 用法：arrayObject.splice(index,howmany,element1,.,el

12、ementN)。 作用：為數(shù)組刪除并添加新元素。 10toString() 用法：arrayObject.toString()。 作用：將數(shù)組轉(zhuǎn)換為字符串，并返回結(jié)果。,數(shù)學(xué)內(nèi)置對(duì)象方法,1abs(x) 用法：Math.abs(x)。a=-1; Math.abs(a)=1; 作用：返回?cái)?shù)的絕對(duì)值。 2acos(x) 用法：Math.acos(x)。 作用：返回?cái)?shù)的反余弦值。 3asin(x) 用法：Math.asin(x)。 作用：返回?cái)?shù)的反正弦值。 4atan(x) 用法：Math.atan(x)。 作用：返回?cái)?shù)的反正切值。 5atan2(y,x) 用法：Math.atan2(y,x) 。

13、作用：計(jì)算兩個(gè)變量的反正切值。,6ceil(x) 用法：Math.ceil(x)。 作用：返回對(duì)一個(gè)數(shù)進(jìn)行四舍五入后的值。 7cos(x) 用法：Math.cos(x)。 作用：返回?cái)?shù)的余弦值。 8exp(x) 用法：Math.exp(x)。 作用：返回e為底的x指數(shù)。 9floor(x) 用法：Math.floor(x)。 作用：返回四舍五入的最小值。 10log(x) 用法：Math.log(x)。 作用：返回?cái)?shù)的自然對(duì)數(shù)（底為e）。 11max(x,y) 用法：Math.max(x.)。 作用：返回參數(shù)中的最大值。,12min(x,y) 用法：Math.min(x.)。 作用：返回參數(shù)中

14、的最小值。 13pow(x,y) 用法：Math.pow(x,y)。 作用：返回x的y次冪。 14random( ) 用法：Math.random() 。 作用：返回0至1的隨機(jī)函數(shù)。 15round(x) 用法：Math.round(x)。 作用：對(duì)數(shù)進(jìn)行四舍五入后取整。 16sin(x) 用法：Math.sin(x)。 作用：返回?cái)?shù)的正弦值。 17sqrt(x) 用法：Math.sqrt(x)。 作用：返回?cái)?shù)的平方根。,18tan(x) 用法：Math.tan(x) 。 作用：返回?cái)?shù)的正切值。 19valueOf(x) 用法：mathObject.valueOf()。 作用：返回一個(gè) Ma

15、th 對(duì)象的原始值。,日期內(nèi)置對(duì)象方法,1Date() 用法：Date()。 作用：返回當(dāng)天的時(shí)間日期。 2getDate() 用法：dateObject.getDate()。 作用：返回當(dāng)月中的第幾天，返回值為1至31，且該方法需要與Date對(duì)象配合使用。 3getDay() 用法：dateObject.getDay()。 作用：返回一周中的第幾天，返回值為0至6，該方法需要與Date對(duì)象配合使用。 4getMonth() 用法：dateObject.getMonth()。 作用：返回當(dāng)前的月份，返回值為0至11，且該方法需要與Date對(duì)象配合使用。 5getFullYear() 用法：da

16、teObject.getFullYear()。 作用：返回一個(gè)表示年份的 4 位數(shù)字。 6getYear() 用法：dateObject.getYear()。 作用：返回表示年份的兩位或四位的數(shù)字。, yyy,7getHours() 用法：dateObject.getHours()。 作用：返回日期對(duì)象的小時(shí)數(shù)，即返回值是 0 （午夜零點(diǎn)） 到 23 （晚上 11 點(diǎn)）之間的一個(gè)整數(shù)。 8getMinutes() 用法：dateObject.getMinutes() 作用：返回日期對(duì)象的分鐘數(shù)，返回值是 0 59 之間的一個(gè)整數(shù)。 9getSeconds() 用法：dateObject.get

17、Seconds()。 作用：返回日期對(duì)象的秒數(shù)，返回值是 0 59 之間的一個(gè)整數(shù)。 10getMilliseconds() 用法：dateObject.getMilliseconds()。 作用：返回日期對(duì)象的毫秒數(shù)，返回值是 0 999 之間的一個(gè)整數(shù)。 11getTime() 用法：dateObject.getTime() 。 作用：返回自1970年1月1日午夜零點(diǎn)到現(xiàn)在的毫秒數(shù)。 12getTimezoneOffset() 用法：dateObject.getTimezoneOffset()。 作用：返回本地時(shí)間和格林威治時(shí)間之間的時(shí)差，以分鐘為單位。,13getUTCDate() 用法

18、：dateObject.getUTCDate()。 作用：根據(jù)國(guó)際時(shí)間確定返回Date對(duì)象是月中的第幾天，返回值為1至31。 14getUTCDay() 用法：dateObject.getUTCDay()。 作用：根據(jù)國(guó)際時(shí)間返回Date對(duì)象的星期數(shù)，返回值為0至6。 15getUTCMonth() 用法：dateObject.getUTCMonth() 。 作用：根據(jù)國(guó)際時(shí)間返回Date對(duì)象的現(xiàn)在月份，返回值為0至11。 16getUTCFullYear() 用法：dateObject.getUTCFullYear()。 作用：根據(jù)國(guó)際時(shí)間返回Date對(duì)象的完整4位數(shù)年份。 17getUTC

19、Hours() 用法：dateObject.getUTCHours()。 作用：根據(jù)國(guó)際時(shí)間返回Date對(duì)象的小時(shí)，返回值為0至23。 18getUTCMinutes() 用法：dateObject.getUTCMinutes()。 作用：根據(jù)國(guó)際時(shí)間返回Date對(duì)象的分鐘，返回值為0-59。,19getUTCSeconds() 用法：dateObject.getUTCSeconds() 。 作用：根據(jù)國(guó)際時(shí)間返回Date對(duì)象的秒數(shù)，返回值為0至59。 20getUTCMilliseconds() 用法：dateObject.getUTCMilliseconds() 。 作用：根據(jù)國(guó)際時(shí)間返回

20、Date對(duì)象的毫秒，返回值為0至999。 21parse() 用法：Date.parse(datestring) 作用：返回自1970年1月1日午夜零點(diǎn)至指定日期的毫秒數(shù)。 22setDate() 用法：dateObject.setDate(day)。 作用：設(shè)定Date對(duì)象的某一日。 23setMonth() 用法：dateObject.setMonth(month,day) 作用：設(shè)置Date對(duì)象的月份。 24setFullYear() 用法：dateObject.setFullYear(year,month,day)。 作用：設(shè)置Date對(duì)象的年份。,25setYear() 用法：dat

21、eObject.setYear(year) 。 作用：設(shè)置Date對(duì)象的年份。 26setHours() 用法：dateObject.setHours(hour,min,sec,millisec) 。 作用：設(shè)置Date對(duì)象的小時(shí)數(shù)。 27setMinutes() 用法：dateObject.setMinutes(min,sec,millisec)。 作用：設(shè)置Date對(duì)象的分鐘數(shù)。 28setSeconds() 用法：dateObject.setSeconds(sec,millisec)。 作用：設(shè)置Date對(duì)象的秒數(shù)。 29setMilliseconds() 用法：dateObject.s

22、etMilliseconds(millisec) 。 作用：設(shè)置Date對(duì)象的毫秒數(shù)。 30setTime() 用法：dateObject.setTime(millisec) 。 作用：要設(shè)置的日期和時(shí)間據(jù) GMT 時(shí)間 1997 年 1 月 1 日午夜之間的毫秒數(shù)。,31setUTCDate() 用法：dateObject.setUTCDate(day) 。 作用：根據(jù)國(guó)際日設(shè)定某一天。 32setUTCMonth() 用法：dateObject.setUTCMonth(month,day) 。 作用：根據(jù)國(guó)際日設(shè)置Date對(duì)象的月份。 33setUTCFullYear() 用法：dateO

23、bject.setUTCFullYear(year,month,day) 。 作用：根據(jù)國(guó)際日設(shè)置Date對(duì)象的年份。 34setUTCHours() 用法：dateObject.setUTCHours(hour,min,sec,millisec)。 作用：根據(jù)國(guó)際日設(shè)置Date對(duì)象的小時(shí)。 35setUTCMinutes() 用法：dateObject.setUTCMinutes(min,sec,millisec)。 36setUTCSeconds() 用法：dateObject.setUTCSeconds(sec,millisec) 。 作用：根據(jù)國(guó)際日來設(shè)置Date對(duì)象的秒數(shù)。,37se

24、tUTCMilliseconds() 用法：dateObject.setUTCMilliseconds(millisec) 。 作用：根據(jù)國(guó)際日設(shè)置Date對(duì)象的毫秒數(shù)。 38toString() 用法：dateObject.toString() 。 作用：將Date對(duì)象轉(zhuǎn)換為字符串。 39toGMTString() 用法：dateObject.toGMTString()。 作用：根據(jù)格林威治時(shí)間把Date對(duì)象轉(zhuǎn)換為字符串，并返回結(jié)果。 40toUTCString() 用法：dateObject.toUTCString()。 作用：根據(jù)國(guó)際時(shí)間把Date對(duì)象轉(zhuǎn)換為字符串，并返回結(jié)果。 41to

25、LocaleString() 用法：dateObject.toLocaleString()。 作用：根據(jù)本地時(shí)間把Date對(duì)象轉(zhuǎn)換為字符串。并返回結(jié)果。 42UTC() 用法：Date.UTC(year,month,day,hours,minutes,seconds,ms)。 作用：根據(jù)國(guó)際時(shí)間計(jì)算，為從1970年1月1日午夜至今所經(jīng)過的時(shí)間，以毫秒為單位。 43valueOf() 用法： dateObject.valueOf() 作用：返回日期對(duì)象的原始值。,14.10 校驗(yàn),通常情況下，用戶通過submit按鈕提交表單，收集的信息發(fā)送到Web服務(wù)器上。JavaScript可用來在數(shù)據(jù)被送往

26、服務(wù)器前對(duì) HTML表單中的輸入數(shù)據(jù)進(jìn)行驗(yàn)證。驗(yàn)證表單中的數(shù)據(jù)主要包括： 表單的是否為空。 表單的輸入日期是否合法。 密碼表單于確認(rèn)密碼表單是否一致。 用戶名和密碼表單與數(shù)據(jù)庫(kù)注冊(cè)密碼是否一致。 Email表單的輸入是否合法。,14.11 JavaScript事件,JavaScript的程序使用事件驅(qū)動(dòng)模型進(jìn)行網(wǎng)頁(yè)的動(dòng)態(tài)交互。網(wǎng)頁(yè)中的每個(gè)元素都可以產(chǎn)生某些可以觸發(fā)JavaScript函數(shù)的事件，發(fā)生事件的類型不同，生成事件類型也不同。 JavaScript包括以下事件： onabort中斷圖像加載時(shí)觸發(fā) onbur元素失去焦點(diǎn)時(shí)觸發(fā) onchange用戶改變?cè)刂禃r(shí)觸發(fā) onclick鼠標(biāo)單擊

27、對(duì)象時(shí)觸發(fā) ondblclick鼠標(biāo)雙擊對(duì)象時(shí)觸發(fā) onerror裝載圖像過程中出現(xiàn)錯(cuò)誤時(shí)觸發(fā) onfocus元素獲得焦點(diǎn)時(shí)觸發(fā) onkeydown鍵盤鍵，返回false取消默認(rèn)動(dòng)作時(shí)觸發(fā) nkeypress按下或按住鍵盤鍵，響應(yīng)幾個(gè)鍵的組合時(shí)觸發(fā) onkeyup釋放鍵盤鍵時(shí)觸發(fā),14.11 JavaScript事件, onload加載某個(gè)頁(yè)面、圖像或文件時(shí)觸發(fā) onmousedown按下鼠標(biāo)按鍵時(shí)觸發(fā) onmousemove移動(dòng)鼠標(biāo)時(shí)觸發(fā) onmouseout鼠標(biāo)從某元素上移開時(shí)觸發(fā) onmouseover鼠標(biāo)被移到某個(gè)元素之上時(shí)觸發(fā) onmouseup釋放鼠標(biāo)鍵時(shí)觸發(fā) onreset單擊表

28、單請(qǐng)求的重置按鈕時(shí)觸發(fā) onresize調(diào)整窗口或框架的尺寸時(shí)觸發(fā) onselect選中文本時(shí)觸發(fā) onsubmit單擊表單提交按鈕時(shí)觸發(fā) onunload退出頁(yè)面時(shí)觸發(fā),14.12 Cookie腳本,cookie是存儲(chǔ)于客戶端瀏覽器的信息，可以記錄用戶的用戶名、密碼、以及瀏覽的網(wǎng)頁(yè)和日期等信息。例如，當(dāng)用戶首次訪問某些需要?jiǎng)討B(tài)交互的網(wǎng)頁(yè)時(shí)（典型的是在注冊(cè)/登錄論壇中使用），需要填寫用戶名和密碼，用戶名和密碼將存儲(chǔ)在客戶端的cookie中。當(dāng)再次訪問該網(wǎng)頁(yè)時(shí)，用戶名和密碼會(huì)從cookie中取出，這樣可以提高效率，給用戶帶來方便。但是，這就對(duì)系統(tǒng)的安全性提出了較高的要求。cookie中的內(nèi)容大多數(shù)經(jīng)過了加密處理，因此一般用戶看到的只是一些毫無(wú)意義的字母數(shù)字組合，只有服務(wù)器的處理程序才知道它們真正的含義。,Cookie的屬性,cookie是Document對(duì)象的屬性，可以對(duì)網(wǎng)頁(yè)的cookie進(jìn)行創(chuàng)建操作、讀取操作、修改操作以及刪除操作。cookie包含了4個(gè)可選屬性expires、path、domain、secure，分別控制它的生存周期、可見性、安全性。 e