《WEB前端開(kāi)發(fā)技術(shù)實(shí)用教程》第06章 Javascript內(nèi)部對(duì)象_第1頁(yè)
《WEB前端開(kāi)發(fā)技術(shù)實(shí)用教程》第06章 Javascript內(nèi)部對(duì)象_第2頁(yè)
《WEB前端開(kāi)發(fā)技術(shù)實(shí)用教程》第06章 Javascript內(nèi)部對(duì)象_第3頁(yè)
《WEB前端開(kāi)發(fā)技術(shù)實(shí)用教程》第06章 Javascript內(nèi)部對(duì)象_第4頁(yè)
《WEB前端開(kāi)發(fā)技術(shù)實(shí)用教程》第06章 Javascript內(nèi)部對(duì)象_第5頁(yè)
已閱讀5頁(yè)，還剩38頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

1第6章Javascript內(nèi)部對(duì)象目錄26.1對(duì)象概述及對(duì)象分類6.2數(shù)組對(duì)象Array6.3數(shù)學(xué)對(duì)象Math6.4字符串對(duì)象String6.5正則表達(dá)式6.6日期對(duì)象Date6.1對(duì)象概述及對(duì)象分類對(duì)象是對(duì)某一類事物的描述，其成員包括屬性和方法。對(duì)象是屬性和和方法的組合對(duì)象成員：屬性、方法屬性：變量，描述對(duì)象的特征；方法：對(duì)屬性進(jìn)行操作的函數(shù)；對(duì)象的屬性和方法都叫對(duì)象的成員例如：汽車Ferrari對(duì)象：汽車屬性：型號(hào)：法拉利顏色：綠色方法：前進(jìn)、剎車、倒車36.1對(duì)象概述及對(duì)象分類對(duì)象實(shí)例：一類事物中的具體個(gè)例。構(gòu)造函數(shù)：用來(lái)創(chuàng)建對(duì)象實(shí)例的函數(shù)創(chuàng)建對(duì)象實(shí)例：使用new關(guān)鍵字和對(duì)象的構(gòu)造函數(shù)語(yǔ)法格式如下：varobjInstance=newObjName(傳遞給該對(duì)象的實(shí)際參數(shù)列表);成員的操作：

.運(yùn)算符，表示引用對(duì)象.屬性對(duì)象.方法([參數(shù)列表])46.1對(duì)象概述及對(duì)象分類Javascript使用對(duì)象途徑：三類對(duì)象

瀏覽器對(duì)象

內(nèi)部對(duì)象HTML對(duì)象瀏覽器窗口window文檔documenturl地址等String字符串對(duì)象Date日期對(duì)象Math數(shù)學(xué)對(duì)象等

各種HTML標(biāo)簽:段落<P>圖片<IMG>超鏈接<A>等5Javascript內(nèi)部對(duì)象Array：數(shù)組對(duì)象Math:數(shù)學(xué)對(duì)象Date：日期對(duì)象String：字符串對(duì)象RegExp：正則表達(dá)式對(duì)象6JavaScript內(nèi)部對(duì)象內(nèi)部對(duì)象都有自己的方法和屬性訪問(wèn)屬性的語(yǔ)法是：“對(duì)象名.屬性名稱”。訪問(wèn)方法的語(yǔ)法是：“對(duì)象名.方法名稱（參數(shù)表）”動(dòng)態(tài)對(duì)象使用“對(duì)象實(shí)例名.成員”的格式來(lái)訪問(wèn)其屬性和方法;引用時(shí)必須創(chuàng)建一個(gè)實(shí)例，如Date對(duì)象靜態(tài)對(duì)象直接使用“對(duì)象名.成員”的格式來(lái)訪問(wèn)其屬性和方法。引用對(duì)象的屬性或方法時(shí)不需要為它創(chuàng)建實(shí)例,如String對(duì)象76.2數(shù)組對(duì)象Array數(shù)組是可以記錄不同類型數(shù)據(jù)的集合，主要由數(shù)組元素構(gòu)成，每一個(gè)數(shù)組元素有對(duì)應(yīng)的下標(biāo)，不同的數(shù)組元素是通過(guò)下標(biāo)來(lái)進(jìn)行區(qū)分和使用的。86.2數(shù)組對(duì)象Array1、創(chuàng)建Array對(duì)象：vararrayObj=newArray();創(chuàng)建一個(gè)空數(shù)組對(duì)象vararrayObj=newArray([size]);創(chuàng)建一個(gè)指定長(zhǎng)度的數(shù)組對(duì)象vararrayObj=newArray([element0[,element1[,...[,elementN]]]]);創(chuàng)建一個(gè)數(shù)組對(duì)象，并對(duì)各個(gè)數(shù)組元素進(jìn)行初始化賦值。vararrayObj=[element0,element1,element2,…elementN];96.2數(shù)組對(duì)象Array2、數(shù)組元素的添加（1） 在定義Array對(duì)象時(shí)直接輸入數(shù)據(jù)元素（2） 通過(guò)賦值語(yǔ)句向每個(gè)數(shù)組元素輸入數(shù)據(jù)（3） 利用for語(yǔ)句向Array對(duì)象中輸入數(shù)據(jù)106.2數(shù)組對(duì)象Array3. 數(shù)組元素的訪問(wèn)和輸出（1） 用下標(biāo)獲取指定元素值（2） 用for或for…in…語(yǔ)句獲取數(shù)組中的元素值（3） 用數(shù)組對(duì)象名輸出所有元素值116.2數(shù)組對(duì)象ArrayArray對(duì)象的屬性 length屬性：獲取數(shù)組的長(zhǎng)度126.2數(shù)組對(duì)象ArrayArray對(duì)象的方法13方法描述concat()連接兩個(gè)或更多的數(shù)組，并返回結(jié)果。join()把數(shù)組的所有元素放入一個(gè)字符串。元素通過(guò)指定的分隔符進(jìn)行分隔。pop()刪除并返回?cái)?shù)組的最后一個(gè)元素push()向數(shù)組的末尾添加一個(gè)或更多元素，并返回新的長(zhǎng)度。reverse()顛倒數(shù)組中元素的順序。shift()刪除并返回?cái)?shù)組的第一個(gè)元素slice()從某個(gè)已有的數(shù)組返回選定的元素sort()對(duì)數(shù)組的元素進(jìn)行排序splice()刪除元素，并向數(shù)組添加新元素。toSource()返回該對(duì)象的源代碼。toString()把數(shù)組轉(zhuǎn)換為字符串，并返回結(jié)果。toLocaleString()把數(shù)組轉(zhuǎn)換為本地?cái)?shù)組，并返回結(jié)果。unshift()向數(shù)組的開(kāi)頭添加一個(gè)或更多元素，并返回新的長(zhǎng)度。valueOf()返回?cái)?shù)組對(duì)象的原始值<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varemp=newArray(3);emp[0]="RyanDias";emp[1]="GrahamBrowne";emp[2]="DavidGreene";emp.sort();document.write(“排序結(jié)果是：<HR>");document.write(emp[0]+"<BR>");document.write(emp[1]+"<BR>");document.write(emp[2]+"<BR>");</SCRIPT></HEAD></HTML>6.2數(shù)組對(duì)象Array實(shí)例：數(shù)組的排序146.3Math對(duì)象Math對(duì)象是一個(gè)靜態(tài)對(duì)象，不能使用new關(guān)鍵字創(chuàng)建對(duì)象實(shí)例，應(yīng)直接使用“對(duì)象名.成員”的格式訪問(wèn)其屬性或方法，例如：varnum=Math.random();156.3Math對(duì)象名稱說(shuō)明屬性PI∏

的值，約等于3.1415LN1010的自然對(duì)數(shù)的值，約等于2.302EEuler

的常量的值，約等于2.718。Euler的常量用作自然對(duì)數(shù)的底數(shù)abs(y)返回y的絕對(duì)值sin(y)返回y的正弦，返回值以弧度為單位。cos(y)返回y的余弦，返回值以弧度為單位tan(y)返回y的正切，返回值以弧度為單位min(x,y)返回x和y

兩個(gè)數(shù)中較小的數(shù)max(x,y)返回x和y兩個(gè)數(shù)中較大的數(shù)

random()返回0-1的隨機(jī)數(shù)方法round(y)四舍五入取整ceil(y)進(jìn)一取整floor(y)舍去取整sqrt(y)返回y的平方根6.3

Math對(duì)象獲得某個(gè)范圍內(nèi)隨機(jī)數(shù)的公式：number=Math.floor(Math.random()*total_number_of_choices+first_possible_value);例如：希望取值的隨機(jī)數(shù)范圍在2~99之間，有98個(gè)數(shù)字，第一個(gè)值為2，則公式應(yīng)用如下：variNum=Math.floor(Math.random()*98+2);176.3Math對(duì)象<metahttp-equiv="refresh"content="5"/>vari=Math.floor(Math.random()*10+1);document.write("<imgsrc='images/"+i+".jpg'/>");18案例：每隔5秒隨機(jī)顯示十張圖中的任意一張實(shí)例：雙色球“雙色球”每注投注號(hào)碼由6個(gè)紅色球號(hào)碼和1個(gè)藍(lán)色球號(hào)碼組成。紅色球號(hào)碼從1--33中選擇；藍(lán)色球號(hào)碼從1--16中選擇。196.4String

對(duì)象創(chuàng)建字符串有兩種不同方法：使用var語(yǔ)句

varnewstr=“這是我的字符串”；創(chuàng)建String對(duì)象varnewstr=newString(“這是我的字符串”)

206.4String

對(duì)象名稱說(shuō)明屬性length返回字符串的長(zhǎng)度

方法big(

)增大字符串文本blink(

)使字符串文本閃爍（IE瀏覽器不支持）bold(

)加粗字符串文本

fontcolor(

)確定字體顏色

italics(

)用斜體顯示字符串

indexOf(“子字符串”，起始位置

)查找子字符串的位置strike(

)顯示加刪除線的文本

sub(

)將文本顯示為下標(biāo)

……toLowerCase(

)將字符串轉(zhuǎn)換成小寫(xiě)

toUpperCase(

)將字符串轉(zhuǎn)換成大寫(xiě)6.4String

對(duì)象名稱說(shuō)明方法charAt(索引)返回索引位置的字符indexOf("字串"[,索引])返回字串在對(duì)象中的索引位置lastIndexOf("字串"[,索引])返回字串在對(duì)象中的索引位置（反向搜索）search("字串")返回字串在對(duì)象中的索引位置replace("字串1","字串2")字串2替換字串1substr(start[,length])返回特定長(zhǎng)度的字串substring(索引i[,索引j])返回索引i倒索引j-1的子串案例：獲取文件名<scriptlanguage="javascript">functiongetfilename(){ varpath=document.f.file1.value;

varpos=path.lastIndexOf("\\"); varfilename=path.substr(pos+1); varpos1=filename.indexOf("."); varhouzhui=filename.substr(pos1+1); window.alert("文件名："+filename+"后綴："+houzhui);

}</script></head><body><formname="f">請(qǐng)選擇文件：<inputtype="file"name="file1"/><inputtype="button"value="截取文件名"onclick="getfilename();"/></form>23練習(xí)：1、取出EMAIL中的用戶名2、取出路徑中的文件名和擴(kuò)展名(注意路徑符號(hào)需要轉(zhuǎn)義)3、定義一字符串：vars=“我喜歡玩游戲，游戲的名字叫‘游戲人生’！”;，將其中的“游戲”全部替換為“網(wǎng)游”。246.5正則表達(dá)式256.5.1正則表達(dá)式介紹6.5.2正則表達(dá)式語(yǔ)法6.5.3RegExp對(duì)象6.5.1正則表達(dá)式介紹規(guī)則（regular）和表達(dá)式（expression），定義了某些字符的特殊語(yǔ)義和使用規(guī)則，組合形成相應(yīng)表達(dá)式，執(zhí)行字符串的操作功能。作用主要有：驗(yàn)證格式替換分割266.5.2正則表達(dá)式語(yǔ)法1、組成原子：正則表達(dá)式最基本組成單位元字符：修飾原子，限定原子的重復(fù)次數(shù)模式修正符：擴(kuò)展了正則表達(dá)式在字符匹配、替換操作時(shí)的某些功能2、定界符：一對(duì)斜線//，其他可作為定界符的字符，如#,!,{},|等；字母、數(shù)字、\不作為定界符。276.5.2正則表達(dá)式語(yǔ)法3. 正則表達(dá)式分類符號(hào)邊界：\b,\B,^,$量詞：*,+,?,{n},{n,},{n,m},?全局匹配：.選擇符：|原子表：[],[^],[-]特殊字符：\d,\D,\w,\W,\s,\S,\xn,\un286.5.3RegExp對(duì)象1、創(chuàng)建RegExp對(duì)象（1） 直接量語(yǔ)法

varpatt1=/pattern/attributes（2） 創(chuàng)建RegExp對(duì)象

varpatt1=newRegExp(pattern,attributes);296.5.3RegExp對(duì)象2、RegExp對(duì)象的屬性30屬性描述globalRegExp對(duì)象是否具有標(biāo)志g。布爾值，若全局選項(xiàng)g已設(shè)置則返回true，否則返回falseignoreCaseRegExp對(duì)象是否具有標(biāo)志i。布爾值，若忽略大小寫(xiě)選項(xiàng)i已設(shè)置則返回true，否則返回falselastIndex一個(gè)整數(shù)，標(biāo)示開(kāi)始下一次匹配的字符位置。multilineRegExp對(duì)象是否具有標(biāo)志m。布爾值，表示多行模式選項(xiàng)m是否設(shè)置，若設(shè)置則返回true，否則返回falsesource正則表達(dá)式的源文本。6.5.3RegExp對(duì)象3、RegExp對(duì)象的方法31方法描述compile編譯正則表達(dá)式。exec檢索字符串中指定的值。返回找到的值，并確定其位置。test檢索字符串中指定的值。返回true或false。6.5.3RegExp對(duì)象test()方法驗(yàn)證郵箱32<scriptlanguage="JavaScript">functionchkemail(){ varemail=document.getElementById("email").value; varmode=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

//第一種定義正則方法 //varmode=newRegExp(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/);

//第二種定義正則方法 if(mode.test(email)){ alert("郵箱格式正確"); }else{ alert("郵箱格式錯(cuò)誤"); }}</script>6.6日期對(duì)象（Date）在web開(kāi)發(fā)過(guò)程中，Date對(duì)象用來(lái)實(shí)現(xiàn)對(duì)日期和時(shí)間的控制。如果想在頁(yè)面上顯示計(jì)時(shí)時(shí)鐘，就得重復(fù)生成新的Date對(duì)象來(lái)獲取計(jì)算機(jī)的當(dāng)前時(shí)間。Date對(duì)象存儲(chǔ)的日期為自1970年1月1日00:00:00以來(lái)的毫秒數(shù)。336.6日期對(duì)象（Date）Date對(duì)象的創(chuàng)建：語(yǔ)法格式如下：返回當(dāng)前的日期和時(shí)間，代碼如下：

如：vartoday=newDate()；用年、月、日來(lái)創(chuàng)建日期對(duì)象

如：varnewDate=newDate(2010,10,1);3.用年、月、日、小時(shí)、分鐘、秒來(lái)創(chuàng)建日期對(duì)象：varnewDate=newDate(2010,10,1,8,20,50);4.以字符串形式創(chuàng)建日期對(duì)象：varmydate=newDate(“July29,199810:30:00”)varmydate=newDate("July29,1998")346.6日期對(duì)象（Date）Get方法：方法說(shuō)明getDate返回Date對(duì)象中月份中的天數(shù)，其值介于1至31之間getDay返回Date對(duì)象中的星期幾，其值介于0至6之間getHours返回Date對(duì)象中的小時(shí)數(shù)，其值介于0至23之間getMinutes返回Date對(duì)象中的分鐘數(shù)，其值介于0至59之間getSeconds返回Date對(duì)象中的秒數(shù)，其值介于0至59之間getMonth返回Date對(duì)象中的月份，其值介于0至11之間getYear返回Date對(duì)象中的年份，其值為兩位或四位數(shù)；getFullYear返回Date對(duì)象中的四位年份，一般代替getYear()getTime返回自某一時(shí)刻（1970年1月1日）以來(lái)的毫秒數(shù)6.6日期對(duì)象（Date）用作Date方法的參數(shù)的整數(shù)：值整數(shù)Seconds和minutes0至59

Hours0至23Day0至6（星期幾,0表示星期天）Date1至31（月份中的天數(shù)）Months0至11（一月至十二月）6.6日期對(duì)象（Date）Set方法：方法說(shuō)明setDate設(shè)置Date對(duì)象中月份中的天數(shù)，其值介于1至31之間。setHours設(shè)置Date對(duì)象中的小時(shí)數(shù)，其值介于0至23之間。setMinutes設(shè)置

Date對(duì)象中的分鐘數(shù)，其值介于0至59之間。setSeconds設(shè)置Date對(duì)象中的秒數(shù)，其值介于0至59之間。setTime設(shè)置

Date對(duì)象中的時(shí)間值。setMonth設(shè)置Date對(duì)象中的月份，其值介于1至12之間。6.6日期對(duì)象（Date）

<html> <head> <title></title> </head><body> <scriptlanguage="javascript"> varcurr=newdate(); document.write("今天是"); switch(curr.getday()){ case0:document.write("周日,休息了！");break; case1:document.write("周一,需要工作！");break; case2:document.write("周二,需要工作！");break; case3:document.write("周三,需要工作！");break; case4:document.write("周四,需要工作！");break; case5:document.write("周五,需要工作！");break; case6:document.write("周六,休息了！

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(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)論