傳智-韓順平-html+css+javascrtpt-課程筆記3(吐血整理)_第1頁
傳智-韓順平-html+css+javascrtpt-課程筆記3(吐血整理)_第2頁
傳智-韓順平-html+css+javascrtpt-課程筆記3(吐血整理)_第3頁
傳智-韓順平-html+css+javascrtpt-課程筆記3(吐血整理)_第4頁
傳智-韓順平-html+css+javascrtpt-課程筆記3(吐血整理)_第5頁
已閱讀5頁,還剩27頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

javascript3===============================================================================Dom(文檔對(duì)象模型)編程簡介DOM=DocumentObjectModel(文檔對(duì)象模型),根據(jù)W3C的DOM規(guī)范,DOM是HTML與XML的應(yīng)用編程接口(API),它將整個(gè)頁面映射為一個(gè)由層次節(jié)點(diǎn)組成的文件。編程人員通過訪問dom對(duì)象,就可以實(shí)現(xiàn)對(duì)瀏覽器本身、網(wǎng)頁文檔、網(wǎng)頁文檔中元素的操作,從而控制瀏覽器和網(wǎng)頁元素的行為和外觀。htmldom層次圖dom編程的核心是各個(gè)dom對(duì)象。HTMLDOM定義了訪問和操作HTML文檔的標(biāo)準(zhǔn)方法。HTMLDOM把HTML文檔呈現(xiàn)為帶有元素、屬性和文本的樹結(jié)構(gòu)(節(jié)點(diǎn)樹),每個(gè)節(jié)點(diǎn)是一個(gè)HTMLDOM內(nèi)置對(duì)象。BOM(瀏覽器對(duì)象模型)介紹通過使用BOM,可移動(dòng)窗口、更改狀態(tài)欄文本。bom是w3c組織提出的,他建議所有的瀏覽器都應(yīng)當(dāng)遵循這樣的設(shè)計(jì)規(guī)范??梢哉fbom和dom關(guān)系密切,相互影響,bom為綱,dom為目,我們可以簡單的理解,dom是bom中document的具體實(shí)現(xiàn)。要求瀏覽器必須支持要求瀏覽器必須支持常用dom對(duì)象window對(duì)象window對(duì)象表示一個(gè)瀏覽器窗口或一個(gè)框架。在客戶端JavaScript中,Window對(duì)象是全局對(duì)象,要引用當(dāng)前窗口根本不需要特殊的語法,可以把那個(gè)窗口的屬性作為全局變量來用。注:在使用window對(duì)象的方法和屬性的時(shí)候,可以不帶window,如下window.alert(“韓順平!”)等價(jià)于:alert(“韓順平”)。常用方法和屬性:alert() 顯示消息和一個(gè)確認(rèn)按鈕的警告框confirm()顯示消息以及確認(rèn)按鈕和取消按鈕的對(duì)話框setInterval()按照指定的周期(毫秒計(jì))來循環(huán)調(diào)用函數(shù)或計(jì)算表達(dá)式clearInterval()取消由setInterval()設(shè)置的定時(shí)器setTimeout() 指定的毫秒數(shù)后調(diào)用一次函數(shù)或計(jì)算表達(dá)式clearTimeout()取消由setTimeout()設(shè)置的定時(shí)器moveTo() 把窗口的左上角移動(dòng)到一個(gè)指定的坐標(biāo)moveBy() 可相對(duì)窗口的當(dāng)前坐標(biāo)把它移動(dòng)指定的像素resizeBy() 按照指定的像素調(diào)整窗口的大小resizeTo() 把窗口的大小調(diào)整到指定的寬度和高度open() 打開一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口close() 關(guān)閉窗口closed 返回窗口是否已被關(guān)閉status 設(shè)置窗口狀態(tài)欄的文本opener 返回對(duì)創(chuàng)建此窗口的窗口的引用onload 頁面裝載onunload 關(guān)閉窗口案例:一個(gè)js版用戶登錄系統(tǒng),當(dāng)用戶輸入順平密碼是123,就跳到第二個(gè)頁面,5秒后,自動(dòng)跳轉(zhuǎn)到第三個(gè)頁面。Login.htmlOk.htmlManage.htmlhistory對(duì)象history對(duì)象包含客戶端訪問過的URL信息。注:從dom層次圖看,history是window對(duì)象的成員屬性,但實(shí)際history是由jsruntimeengine自動(dòng)創(chuàng)建的,所以也可以認(rèn)為history就是一個(gè)js對(duì)象。常用方法和屬性:back() LoadsapreviousURLfromtheHistorylist.forward()LoadsthenextURLfromtheHistorylist.go() LoadsaURLfromtheHistorylist.length RetrievesthenumberofelementsintheHistorylistlocation對(duì)象location對(duì)象包含客戶端當(dāng)前的URL信息。注:從dom層次圖看,location是window對(duì)象的成員屬性,但實(shí)際location也是由jsruntimeengine自動(dòng)創(chuàng)建的,所以也可以認(rèn)為location就是一個(gè)js對(duì)象。常用方法和屬性:reload() Reloadsthecurrentpagereplace()ReplacesthecurrentdocumentbyloadinganotherdocumentatthespecifiedhostnameSetsorretrievesthehostnamepartofthelocationorURLport SetsorretrievestheportnumberassociatedwithaURLhref SetsorretrievestheentireURLasastringnavigator對(duì)象navigator對(duì)象包含當(dāng)前瀏覽器的各種信息。注:從dom層次圖看,navigator是window對(duì)象的成員屬性,但實(shí)際navigator也是由jsruntimeengine自動(dòng)創(chuàng)建的,所以也可以認(rèn)為navigator就是一個(gè)js對(duì)象。常用方法和屬性:javaEnabled() 返回該瀏覽器是否支持javaappName 瀏覽器的名稱appVersion 瀏覽器的版本browserLanguage 瀏覽器當(dāng)前使用的語言cookieEnabled 返回瀏覽器是否啟用cookieplatform 返回瀏覽器所在操作系統(tǒng)的名稱systemLanguage 系統(tǒng)默認(rèn)語言screen對(duì)象screen對(duì)象包含有關(guān)客戶機(jī)顯示屏幕的信息。注:從dom層次圖看,screen是window對(duì)象的成員屬性,但實(shí)際screen也是由jsruntimeengine自動(dòng)創(chuàng)建的,所以也可以認(rèn)為screen就是一個(gè)js對(duì)象。常用屬性:height 返回顯示屏幕的高度(按像素)width 返回顯示屏幕的寬度(按像素)availHeight 返回顯示屏幕可用高度(去掉windows任務(wù)欄)availWidth 返回顯示屏幕可用寬度event對(duì)象event對(duì)象代表事件的狀態(tài),比如事件在其中發(fā)生的元素、鍵盤按鍵的狀態(tài)、鼠標(biāo)的位置、鼠標(biāo)按鈕的狀態(tài),事件通常與函數(shù)結(jié)合使用。注:從dom層次圖看,screen是window對(duì)象的成員屬性。但其實(shí)在其他dom對(duì)象中都存在event事件(一種event對(duì)象就代表一類事件)。綁定事件監(jiān)聽的幾種方法直接在某個(gè)html控件上指定通過getElementById(‘’)獲取控件后,再綁定.通過addEventListener()或者是attachEvent()來綁定如何獲取事件對(duì)象dom會(huì)將事件對(duì)象通過參數(shù)傳遞給響應(yīng)函數(shù)(事件監(jiān)聽函數(shù)),而ie則可以直接通過window.event來獲取事件對(duì)象。document對(duì)象Document對(duì)象代表整個(gè)html文檔,可用來訪問html頁面中的所有元素,是最復(fù)雜的一個(gè)dom對(duì)象,可以說是學(xué)習(xí)好dom編程的關(guān)鍵所在。注:Document對(duì)象是Window對(duì)象的一個(gè)成員屬性,通過window.document來訪問,當(dāng)然也可以直接使用document來訪問。常用方法和屬性:write() 向文檔寫文本或HTML表達(dá)式或JavaScript代碼writeln() 等同于write()方法,不同的是在每個(gè)表達(dá)式之后寫一個(gè)換行符open() 打開一個(gè)新文檔,并刪除當(dāng)前文檔內(nèi)容close() 關(guān)閉open()文檔流getElementById()通過html控件的id得到該控件,如有相同的id則只取第一個(gè)getElementsByName() 通過html控件的名字返回對(duì)象集合getElementsByTagName()通過html的標(biāo)簽名返回對(duì)象集合createElement()創(chuàng)建一個(gè)指定標(biāo)簽名的元素[比如:動(dòng)態(tài)創(chuàng)建超鏈接]。。。。。。常用dom節(jié)點(diǎn)的方法和屬性:注:在dom編程中,一個(gè)html文檔會(huì)被當(dāng)作一個(gè)dom樹對(duì)待,dom將所有html元素映射成Node節(jié)點(diǎn),此時(shí)可查閱xmldom(兩者是相通的)來使用Node節(jié)點(diǎn)(對(duì)象)的方法和屬性。元素節(jié)點(diǎn)元素節(jié)點(diǎn)alinkColor 當(dāng)前文檔超鏈接的顏色linkColor 當(dāng)前文檔超鏈接的顏色alinkColor 當(dāng)前文檔訪問過的超鏈接顏色bgColor 當(dāng)前文檔背景色fgColor 文檔前景色titel 當(dāng)前文檔的標(biāo)題.URL 當(dāng)前文檔URLdomain 當(dāng)前文件訪問的域名body對(duì)象body對(duì)象是document對(duì)象的一個(gè)成員屬性,通過document.body來訪問。body對(duì)象代表文檔的主體(HTMLbody)。注:使用body對(duì)象,要求文檔的主體創(chuàng)建后才能使用,也就是說不能在html文檔的body體還沒有創(chuàng)建就去訪問body,即使用body對(duì)象的js代碼不能在<head></head>標(biāo)簽內(nèi),而應(yīng)該在<body></body>標(biāo)簽內(nèi)。常用方法和屬性:appendChild() 添加元素removeChild() 刪除元素getElementsByTagName()通過html元素名稱,得到對(duì)象數(shù)組.bgColor 文檔背景色backgorund 文檔背景圖innerText 某個(gè)元素間的文本innerHtml 某個(gè)元素間的html代碼onload事件 文檔加載時(shí)觸發(fā)onunload事件 文檔關(guān)閉時(shí)觸發(fā)onbeforeunload事件 文檔關(guān)閉前觸發(fā)onselectstart事件 用戶選中文檔body體的內(nèi)容時(shí)觸發(fā)onscroll事件 用戶拉動(dòng)滾動(dòng)條時(shí)觸發(fā)案例:小彈球<!--特別說明doctypehtml4.0或者不寫均可,但是用xhtml1.0不行因?yàn)閐ocument.body.clientHeight為0--><html><head><title>Game-Tanqiu</title></head><body> <divid="div2"style="border:1pxsolidblack;LEFT:100px;POSITION:absolute;TOP:100px;width:500px;height:400px"> <divid="div1"style="LEFT:0px;POSITION:absolute;TOP:0px"><imgsrc="ball.bmp"/></div> </div> <scriptlanguage="javascript"type="text/javascript"> <!-- vardivX=1;//向x方向移動(dòng)速度 vardivY=1;//向y方向移動(dòng)速度 varposX=0;//div的x坐標(biāo) varposY=0;//div的y坐標(biāo) functionmove(){ posX+=2*divX; posY+=2*divY; div1.style.top=posY+"px"; div1.style.left=posX+"px"; if(posX<=0||posX+div1.offsetWidth>=document.getElementById('div2').offsetWidth){ divX=-divX; } if(posY<=0||posY+div1.offsetHeight>=div2.offsetHeight){ divY=-divY; } } setInterval("move()",10); //--></script></body></html>style對(duì)象style對(duì)象表示當(dāng)前元素的樣式設(shè)置。注:style對(duì)象和document對(duì)象下的集合對(duì)象styleSheets有關(guān)系,styleSheets是文檔中所有style對(duì)象的集合,這里講解的重點(diǎn)是style對(duì)象,styleSheets不是重點(diǎn)。style對(duì)象不是針對(duì)某一個(gè)html元素,而是對(duì)所有的html元素而言的,也就是說,我們可以結(jié)合css通過document.getElementById(“id”).perty=“值”,來控制網(wǎng)頁文檔的任何一個(gè)元素(對(duì)象)的樣式。使用style對(duì)象的property一覽表:常用屬性:backgroundRepeat 設(shè)置是否及如何重復(fù)背景圖像border 在一行設(shè)置四個(gè)邊框的所有屬性display 設(shè)置元素顯示方式width 設(shè)置元素的寬度height 設(shè)置元素的高度visibility 屬性設(shè)置元素是否可見案例1:web版坦克大戰(zhàn)1.0<!--特別說明doctypehtml4.0或者不寫均可,但是用xhtml1.0不行因?yàn)閐ocument.body.clientHeight為0--><html><head><title>坦克大戰(zhàn)1.0</title> <scriptlanguage="javascript"type="text/javascript"> <!-- //hero坦克 functionHero(x,y,direct){ this.x=x; this.y=y; this.direct=direct; this.speed=2; this.move=function(event){ switch(event.keyCode){ //向左 case65: this.direct=3; herodiv.style.backgroundPositionY="40px"; this.x-=this.speed; herodiv.style.left=this.x+"px"; break; //向下 case83: this.direct=2; herodiv.style.backgroundPositionY="80px"; this.y+=this.speed; herodiv.style.top=this.y+"px"; break; //向右 case68: this.direct=1; herodiv.style.backgroundPositionY="120px"; this.x+=this.speed; herodiv.style.left=this.x+"px"; break; //向上 case87: this.direct=0; herodiv.style.backgroundPositionY="0px"; this.y-=this.speed; herodiv.style.top=this.y+"px"; break; } }} //看看用戶想干什么 functiondoSomeThing(event){ //window.alert('面向?qū)ο?); if(event.keyCode==65||event.keyCode==87||event.keyCode==68||event.keyCode==83){ hero.move(event); } } varhero=newHero(100,360,0); //--> </script></head><bodyonkeydown="doSomeThing(event)"><div> <divid="gamediv"style="background-color:black;width:500px;height:400px;position:absolute"> <divid="herodiv"style="background-position-y:0px;background-image:url('itank.gif');width:40px;height:40px;position:absolute;left:100px;top:360px;"> </div></div></body></html>案例2:搜狐首頁頻道切換效果鼠標(biāo)放上左邊,改變右邊三個(gè)div的display屬性,讓其中兩個(gè)隱藏,另一個(gè)顯示鼠標(biāo)放上左邊,改變右邊三個(gè)div的display屬性,讓其中兩個(gè)隱藏,另一個(gè)顯示forms對(duì)象(集合)forms對(duì)象表示按照表單在文檔中的順序得到form對(duì)象,forms對(duì)象集合中包括了當(dāng)前文檔的所有form對(duì)象。form對(duì)象form對(duì)象代表一個(gè)html表單在html文檔中<form>每出現(xiàn)一次,form對(duì)象就會(huì)被創(chuàng)建一次。images對(duì)象(集合)images對(duì)象表示按照img在文檔中的順序得到img對(duì)象,images對(duì)象集合中包括了當(dāng)前文檔的所有img對(duì)象。img對(duì)象img對(duì)象代表一個(gè)圖片在html文檔中<img>每出現(xiàn)一次,就會(huì)創(chuàng)建一個(gè)img對(duì)象。常用屬性:id 設(shè)置或得到該圖片idname 設(shè)置或得到該圖片name src 設(shè)置或得到該圖片srcwidth 設(shè)置或得到該圖片widthheight 設(shè)置或得到該圖片的heightstyle 設(shè)置或得到該圖片的stylelinks對(duì)象(集合)links對(duì)象表示按照link元素在文檔中的順序得到link對(duì)象,links對(duì)象集合中包括了當(dāng)前文檔的所有l(wèi)ink對(duì)象。link對(duì)象link對(duì)象代表一個(gè)超鏈接在html文檔中<a>每出現(xiàn)一次,就會(huì)創(chuàng)建一個(gè)link對(duì)象。常用屬性:id 設(shè)置或得到該超鏈接idname 設(shè)置或得到該超鏈接name href 設(shè)置或得到該超鏈接hrefall對(duì)象(集合)all對(duì)象能得到當(dāng)前文檔的所有元素,一般在遍歷文檔的時(shí)候使用,在實(shí)際開發(fā)中用的不是很多。table對(duì)象table對(duì)象代表一個(gè)html表格。在html文檔中<table>標(biāo)簽每出現(xiàn)一次,一個(gè)table對(duì)象就會(huì)被創(chuàng)建。常用方法和屬性:id 設(shè)置或得到該表格的idname 設(shè)置或得到該表格name border 設(shè)置或得到該表格的邊框width 設(shè)置或得到該表格的寬度height 設(shè)置或得到該表格的高度cellpadding 設(shè)置或返回單元格內(nèi)容和單元格邊框之間的空白量cellspacing 設(shè)置或返回在表格中的單元格之間的空白量style 設(shè)置或得到該表格的style對(duì)象rows[]表格中所有行的一個(gè)數(shù)組(針對(duì)表格)cells[] 表格中所有單元格的一個(gè)數(shù)組(針對(duì)一行)deleteRow() 刪除一行insertRow() 插入一行案例:水滸英雄排行榜<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><title></title><scriptlanguage="javascript"type="text/javascript"><!--functionadd(){//得到好漢情況varno=document.getElementById("no").value;varname=document.getElementById("name").value;varnickName=document.getElementById("nickname").value;//加入到表格[先隨機(jī),后面要求學(xué)生改成按照編號(hào)插入]vartable1=document.getElementById("table1");varinsertPo=table1.rows.length;for(vari=1;i<table1.rows.length;i++){//window.alert(no+""+table1.rows[i].cells[0].innerHTML);if(parseInt(no)<parseInt(table1.rows[i].cells[0].innerHTML)){//window.alert(no+""+table1.rows[i].cells[0].innerHTML);insertPo=i;break;}}//window.alert(insertPo);varnewRow=table1.insertRow(insertPo);varcell1=newRow.insertCell(0);cell1.innerHTML=no;varcell2=newRow.insertCell(1);cell2.innerHTML=name;varcell3=newRow.insertCell(2);cell3.innerHTML=nickName;}--></script></head><body><tableid="table1"border="1"><tr><td>排名</td><td>姓名</td><td>綽號(hào)</td></tr><tr><td>1</td><td>宋江</td><td>及時(shí)雨</td></tr><tr><td>2</td><td>盧俊義</td><td>玉麒麟</td></tr><tr><td>3</td><td>公孫勝</td><td>入云龍</td></tr></table><br/><h1style="color:Red">請(qǐng)輸入新的好漢</h1><table><tr><th>排名</th><td><inputid="no"type="text"/></td></tr><tr><th>姓名</th><td><inputid="name"type="text"/></td></tr><tr><th>綽號(hào)</th><td><inputid="nickname"type="text"/></td></tr><tr><tdcolspan="2"><inputtype="button"value="添加好漢"onclick="add()"/></td></tr></table></body></html>tableRow對(duì)象tableRow對(duì)象代表一個(gè)html表格行。在html文檔中<tr>標(biāo)簽每出現(xiàn)一次,一個(gè)tableRow對(duì)象就會(huì)被創(chuàng)建。tableCell對(duì)象tableRow對(duì)象代表一個(gè)html表格單元格。在html文檔中<td>標(biāo)簽每出現(xiàn)一次,一個(gè)tableCell對(duì)象就會(huì)被創(chuàng)建。正則表達(dá)式(RegExp)引入提出幾個(gè)問題:給你一個(gè)字符串(或一篇文章),請(qǐng)你找出所有四個(gè)數(shù)字連在一起的子串?給你一個(gè)字符串(或一篇文章),請(qǐng)你找出所有四個(gè)數(shù)字連在一起的子串,并且這四個(gè)數(shù)字要滿足:第一位與第四位相同,第二位與第三位相同,比如1221、5775給你一個(gè)字符串,請(qǐng)你驗(yàn)證該字符串是否是一個(gè)電子郵件?給你一個(gè)字符串,請(qǐng)你驗(yàn)證該字符串是否是一個(gè)身份證?給你一個(gè)字符串,請(qǐng)你驗(yàn)證該字符串是否是一個(gè)電話號(hào)碼?解決之道-正則表達(dá)式(RegExp):為了解決上述問題(當(dāng)然類似問題還有很多),js的設(shè)計(jì)者們給我們提供了一個(gè)叫正則表達(dá)式(RegExp對(duì)象),專門用于處理類似問題。RegExp對(duì)象表示正則表達(dá)式,它是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具。正則表達(dá)式簡介一個(gè)正則表達(dá)式,就是用某種模式去匹配一類字符串的一個(gè)公式。很多人因?yàn)樗鼈兛瓷先ケ容^古怪而且復(fù)雜所以不敢去使用,不過,經(jīng)過一點(diǎn)點(diǎn)練習(xí)之后,就覺得這些復(fù)雜的表達(dá)式其實(shí)寫起來還是相當(dāng)簡單的,而且,一旦你弄懂它們,你就能把數(shù)小時(shí)辛苦而且易錯(cuò)的文本處理工作縮短在幾分鐘(甚至幾秒鐘)內(nèi)完成。注:正則表達(dá)式不是js的專利產(chǎn)品,實(shí)際上很多程序設(shè)計(jì)語言都支持正則表達(dá)式進(jìn)行字符串操作,如java、php】perl等。入門案例:給你一個(gè)字符串(或一篇文章),請(qǐng)你找出所有四個(gè)數(shù)字連在一起的子串?Res是檢索出來的結(jié)果,但是一個(gè)結(jié)果就對(duì)應(yīng)一個(gè)數(shù)組,該數(shù)組的第一個(gè)元素即res[0]就是找到的那個(gè)文本,至于res[1]、res[2]等暫且不談。這是一個(gè)正則表達(dá)式,可以檢索4個(gè)連續(xù)的數(shù)字Res是檢索出來的結(jié)果,但是一個(gè)結(jié)果就對(duì)應(yīng)一個(gè)數(shù)組,該數(shù)組的第一個(gè)元素即res[0]就是找到的那個(gè)文本,至于res[1]、res[2]等暫且不談。這是一個(gè)正則表達(dá)式,可以檢索4個(gè)連續(xù)的數(shù)字RegExp對(duì)象的創(chuàng)建隱式創(chuàng)建varregExp=/正則表達(dá)式/gim顯示創(chuàng)建varregExp=newRegExp(正則表達(dá)式,”gim”);注:g代表全局匹配檢索,i代表忽略大小寫,m用作多行標(biāo)志(考慮換行)正則表達(dá)式一覽表正則表達(dá)式使用案例RegExp對(duì)象的方法exec檢索字符串中指定的值。返回找到的值,并確定其位置。test檢索字符串中指定的值。返回true或false。支持正則表達(dá)式的string對(duì)象的方法match() 語法格式為:match(reExp)。與RegExp對(duì)象的exec方法類似,它使用正則表達(dá)式模式對(duì)字符串執(zhí)行搜索,并返回一個(gè)包含搜索結(jié)果的數(shù)組。search()語法格式為:search(reExp)。它返回使用正則表達(dá)式搜索時(shí),第一個(gè)匹配的字符串在整個(gè)被搜索的字符串中的位置。replace() 語法格式為:replace(rgExp,replaceText)。使用正則表達(dá)式模式對(duì)字符串執(zhí)行搜索,并對(duì)搜索到的內(nèi)容用指定的字符替換,返回值為包含替換后的內(nèi)容的字符串對(duì)象。split() 語法格式為:split(“按什么字符分割”),也可以用split(regExp)。把字符串分割為字符串?dāng)?shù)組。RegExp對(duì)象的屬性靜態(tài)屬性靜態(tài)屬性是指:可以通過RegExp就可以訪問。index 是當(dāng)前表達(dá)式模式首次匹配內(nèi)容的開始位置,從0開始計(jì)數(shù)。其初始值為-1,每次成功匹配時(shí),index屬性都會(huì)隨之改變lastindex 是當(dāng)前表達(dá)式模式首次匹配內(nèi)容中最后一個(gè)字符的下一個(gè)位置,從0開始計(jì)數(shù)input 返回當(dāng)前所作用的字符串,leftContext 是當(dāng)前表達(dá)式模式最后一個(gè)匹配字符串左邊的所有內(nèi)容rightContext 是當(dāng)前表達(dá)式模式最后一個(gè)匹配字符串右邊的所有內(nèi)容實(shí)例屬性實(shí)例屬性是指:需要通過RegExp對(duì)象實(shí)例才能訪問使用。global 返回創(chuàng)建RegExp對(duì)象實(shí)例時(shí)指定的global標(biāo)志(g)的狀態(tài),(true,false)ignoreCase 是返回創(chuàng)建RegExp對(duì)象實(shí)例時(shí)指定的ignoreCase標(biāo)志(i)的狀態(tài)(true,false)multiLine 返回創(chuàng)建RegExp對(duì)象實(shí)例時(shí)指定的multiLine標(biāo)志(m)的狀態(tài),true或者falsesource 返回創(chuàng)建RegExp對(duì)象實(shí)例時(shí)指定的表達(dá)式文本字符串正則表達(dá)式語法——子表達(dá)式、捕獲、反向引用①子表達(dá)式我們可以用圓括號(hào)組成一個(gè)比較復(fù)雜的匹配模式,那么一個(gè)圓括號(hào)的部分我們可以看作是一個(gè)子表達(dá)式。②捕獲多個(gè)子表達(dá)式所匹配到的內(nèi)容按順序出現(xiàn)在內(nèi)存的緩沖區(qū)中,這個(gè)我們稱為捕獲。③反向引用圓括號(hào)的內(nèi)容被捕獲后,可以在這個(gè)括號(hào)后被使用,從而寫出一個(gè)比較實(shí)用的匹配模式,這個(gè)我們稱為反向引用。正則表達(dá)式語法——元字符元字符從功能上大致分為:限定符:用于指定其前面的字符和組合項(xiàng)連續(xù)出現(xiàn)多少次{n}說明:n表示出現(xiàn)的次數(shù),比如a{3},1{4},(\d){2}注:1{3}去匹配1111111的話,會(huì)得到什么結(jié)果呢?-->111111{n,m}說明:表示至少出現(xiàn)的n次最多m次,比如a{3,4},1{4,5},(\d){2,5}注:1{3,4}去匹配1111111的話,會(huì)得到什么結(jié)果呢?-->1111111+說明:表示出現(xiàn)1次到任意多次,比如/a+/gi,,/1+/gi,/(\d)+/gi注:/1+/gi去匹配1111111的話,會(huì)得到什么結(jié)果呢?-->1111111*說明:表示出現(xiàn)0次到任意多次,比如/a*/gi,/1*/gi,/(\d)*/gi注:/a1*/gi去匹配a111的話,會(huì)得到什么結(jié)果呢?-->a111?說明:

溫馨提示

  • 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)論