網頁制作基本知識.ppt

1、JAVASCRIPT常用內置對象,JavaScript是一種解釋型的、面向對象的編程語言 (OOP)。包含了很多內置 JavaScript 對象：字符串、日期、數(shù)組、邏輯、算術等。JavaScript中的對象是由屬性(properties)和方法(methods)兩個基本元素構成。前者是指與對象有關的值；后者是對象可以執(zhí)行的行為。, yyy,字符串內置對象方法,1big() 用法：stringObject.big()。Var a=“abca”; var b=“def”; a.big()_; 作用：將字符串顯示為大號字體。 2blink() 用法：stringObject.blink()。 作用

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

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

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

5、Str，則 localeCompare() 返回小于 0 的數(shù)。如果 stringObject 大于 targetStr，則返回大于 0 的數(shù)。如果兩個字符串相等，或根據(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()。 作用：將字符串顯示為小號字體。 20split() 用法：stringObject.split(separator, howmany)。 作用：將字符串分割成字符串數(shù)組。 21strike() 用法：stringObject.strike()。 作用：用刪除線刪除指定的字符串。 22sub() 用法：stringObject.sub(

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

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

9、=value。 作用：允許向對象添加屬性和方法。,布爾型內置對象方法,1toSource() 用法：object.toSource()。 作用：顯示對象的源代碼。 2toString() 用法：booleanObject.toString()。 作用：將布爾型轉換為字符串，并返回結果。 var a=“1”,b=“2”; var c=a+b;c=“ab”; 3valueOf() 用法：booleanObject.valueOf()。 作用：返回布爾對象的原始值。,數(shù)組內置對象方法,1concat() 用法：arrayObject.concat(array1，array2，array

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

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

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

13、作用：計算兩個變量的反正切值。,6ceil(x) 用法：Math.ceil(x)。 作用：返回對一個數(shù)進行四舍五入后的值。 7cos(x) 用法：Math.cos(x)。 作用：返回數(shù)的余弦值。 8exp(x) 用法：Math.exp(x)。 作用：返回e為底的x指數(shù)。 9floor(x) 用法：Math.floor(x)。 作用：返回四舍五入的最小值。 10log(x) 用法：Math.log(x)。 作用：返回數(shù)的自然對數(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的隨機函數(shù)。 15round(x) 用法：Math.round(x)。 作用：對數(shù)進行四舍五入后取整。 16sin(x) 用法：Math.sin(x)。 作用：返回數(shù)的正弦值。 17sqrt(x) 用法：Math.sqrt(x)。 作用：返回數(shù)的平方根。,18tan(x) 用法：Math.tan(x) 。 作用：返回數(shù)的正切值。 19valueOf(x) 用法：mathObject.valueOf()。 作用：返回一個 Ma

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

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

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

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

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

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

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

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

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

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

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

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

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

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