1、RegExp 對(duì)象表示正則表達(dá)式，它是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具 。 創(chuàng)建 RegExp 對(duì)象的語(yǔ)法： new RegExp(pattern, attributes);,JavaScript RegExp 正則表達(dá)式,正則表達(dá)式中有許多特殊字符，在這里列出常用字符：, 做為轉(zhuǎn)意，即通常在“”后面的字符不按原來(lái)意義解釋?zhuān)?b/匹配字符“b”，當(dāng)b前面加了反斜桿后/b/，轉(zhuǎn)意為匹配一個(gè)單詞的邊界。 匹配一個(gè)輸入或一行的開(kāi)頭，/a/匹配“an A”，而不匹配“An a“。 $ 匹配一個(gè)輸入或一行的結(jié)尾，/a$/匹配“An a”,而不匹配“an A”。 abc查找方括號(hào)之間的任何字符。 abc查

2、找任何不在方括號(hào)之間的字符。 0-9查找任何從 0 至 9 的數(shù)字。 a-z查找任何從小寫(xiě) a 到小寫(xiě) z 的字符。 A-Z查找任何從大寫(xiě) A 到大寫(xiě) Z 的字符。 A-z查找任何從大寫(xiě) A 到小寫(xiě) z 的字符。 例：匹配32位的16進(jìn)制字符串，正確的寫(xiě)法應(yīng)為： var reg = /0-9A-F32/;,正則表達(dá)式可用來(lái)驗(yàn)證、匹配字符串，在網(wǎng)頁(yè)前端使用正則表達(dá)式可以提高效率和安全性。,/驗(yàn)證用戶(hù)名 (只能輸入5-20個(gè)以字母開(kāi)頭、可帶數(shù)字、“_”、“.”的字串) function isRegisterUserName(s) var patrn = /a-zA-Z1(a-zA-Z0-9|._)

3、4,19$/; if (!patrn.exec(s) return false; else return true; ,/驗(yàn)證手機(jī)號(hào)是否正確 function regIsPhone(fData) var reg = /(13,5,8d9)$/; return reg.test(fData); RegExp 對(duì)象方法 compile編譯正則表達(dá)式。 exec檢索字符串中指定的值。返回找到的值，并確定其位置。 test檢索字符串中指定的值。返回 true 或 false。 正則表達(dá)式除了可以用來(lái)檢測(cè)、驗(yàn)證字符串之外，還可以對(duì)字符串中的數(shù)據(jù)進(jìn)行替換、檢索等操作。,DOM文檔對(duì)象模型,文檔對(duì)象模型（D

4、ocument Object Model，簡(jiǎn)稱(chēng)DOM）,1）DOM樹(shù)定義了HTML/XML文檔的邏輯結(jié)構(gòu)，給出了一種應(yīng)用程序訪問(wèn)和處理XML文檔的方法。 2）在DOM樹(shù)中，有一個(gè)根節(jié)點(diǎn)，所有其他的節(jié)點(diǎn)都是根節(jié)點(diǎn)的后代。 3) 在應(yīng)用過(guò)程中，基于DOM的HTML/XML分析器將一個(gè)HTML/XML文檔轉(zhuǎn)換成一棵DOM樹(shù)，應(yīng)用程序通過(guò)對(duì)DOM樹(shù)的操作，來(lái)實(shí)現(xiàn)對(duì)HTML/XML文檔數(shù)據(jù)的操作。,關(guān)于節(jié)點(diǎn)的訪問(wèn),DOM中提供了忽略節(jié)點(diǎn)結(jié)構(gòu)直接訪問(wèn)節(jié)點(diǎn)的功能 1. document.getElementById() 此方法可以無(wú)視文檔結(jié)構(gòu)直接訪問(wèn)節(jié)點(diǎn)，這樣可以快速的獲得一個(gè)節(jié)點(diǎn)進(jìn)行后續(xù)操作。 2. ge

5、tElementsByTagName() 它通過(guò)標(biāo)簽名tagName來(lái)獲取當(dāng)前節(jié)點(diǎn)node的所有元素子節(jié)點(diǎn)中標(biāo)簽名是tagName的所有子節(jié)點(diǎn)列表。 例如： b1 b2 b3 在這里，document.getElementsByTagName(b).length 將得到3。表示該文檔中共有3個(gè)b標(biāo)簽的子節(jié)點(diǎn)。,使用document文檔對(duì)象可以創(chuàng)建DOM支持的任何類(lèi)型的節(jié)點(diǎn)，在HTML中經(jīng)常使用的有下面幾種：,1.document.createElement(tagName) 創(chuàng)建一個(gè)指定標(biāo)簽名的元素節(jié)點(diǎn)，標(biāo)簽名可以是任何名字。 2.document.createTextNode(text) 創(chuàng)

6、建一個(gè)文本節(jié)點(diǎn)，并以text參數(shù)為文本的值。 3.node.cloneNode(deep) 克隆節(jié)點(diǎn)，此方法可以完全復(fù)制當(dāng)前節(jié)點(diǎn)的所有屬性，如果deep參數(shù)為true，還會(huì)復(fù)制當(dāng)前節(jié)點(diǎn)的所有子節(jié)點(diǎn)。在大批量創(chuàng)建節(jié)點(diǎn)操作中，此方法效率較高。,innerHTML屬性,通過(guò)innerHTML屬性可以完成例如節(jié)點(diǎn)創(chuàng)建、刪除、修改等操作，非常方便。 通常在javascript代碼中，用innerHTML可以直接動(dòng)態(tài)操作DOM節(jié)點(diǎn)，效率較高，而且使得代碼易維護(hù)。,JS + CSS,通過(guò)javascript，可以對(duì)css進(jìn)行控制。主要有以下幾點(diǎn)： 1. 基本樣式控制 2. 定位控制 2.1 文檔流 2.2

7、浮動(dòng)定位 2.3 相對(duì)定位 2.4 絕對(duì)定位,通過(guò)javascript可以動(dòng)態(tài)改變?cè)软?yè)面中元素的樣式，這些樣式包括了背景色，字體顏色，字體大小，邊框等。 例如：var para = document.getElementById(example);/改變style的屬性para.style.color= red;alert(para.style.color);para.style.fontSize = 2em; 也可以直接更改樣式名稱(chēng)： document.getElementById(t1).removeAttribute(class); document.getElementById(t1

8、).className = “newclass; document.getElementById(t2).setAttribute(class,current);,定位控制,1.文檔流 文檔流，指的就是在不使用其他的與排列和定位相關(guān)的特殊css規(guī)則時(shí)，各種元素的排列規(guī)則。它限定了html元素中出現(xiàn)的順序，也就是說(shuō)后面的元素永遠(yuǎn)不會(huì)出現(xiàn)在前面，具體詳情可以參考鏈接： 2.浮動(dòng)定位 浮動(dòng)定位類(lèi)似于table中的左右對(duì)齊屬性align。適合進(jìn)行頁(yè)面大框架的布局使用。float:left和float:right可以對(duì)div或span進(jìn)行浮動(dòng)定位。 3.相對(duì)定位 position:relative,配合

9、指定的偏移量使用。它可以使元素相對(duì)于自己所處的原有位置進(jìn)行偏移。,4.絕對(duì)定位 position:absolute; 也需要配合偏移量。 絕對(duì)定位和相對(duì)定位是可以配合使用的。舉一個(gè)本人工作中的例子： 需要在頁(yè)面的圖片上覆蓋2個(gè)div層，用來(lái)添加向左和向右按鈕函數(shù)，這個(gè)時(shí)候，可以把整個(gè)圖片的position:relative，然后里面的div是absolute，并且設(shè)置一定的偏移量，讓坐標(biāo)位置精確，最后用兩張透明圖片做div的背景，添加自定義函數(shù)就可以了。這個(gè)方法比較實(shí)用。,左邊div,右邊div,多媒體內(nèi)容管理,Image 對(duì)象 Image 對(duì)象代表嵌入的圖像。 標(biāo)簽每出現(xiàn)一次，一個(gè) Imag

10、e 對(duì)象就會(huì)被創(chuàng)建。 Image 對(duì)象的常用屬性 src設(shè)置或返回圖像的 URL width讀取或設(shè)置圖片的寬度 height讀取或設(shè)置圖片的高度 alt讀取或設(shè)置無(wú)法顯示圖像時(shí)的文本 動(dòng)態(tài)創(chuàng)建Image對(duì)象： var img = new Image(); img.src=“路徑”; /最重要的一步，必須附加到當(dāng)前的DOM樹(shù)中 document.body.appendChild(img);,標(biāo)簽,標(biāo)簽是在html中展示多媒體文件所使用的，如flash,mp3,midi,wav文件等。 使用方法： 標(biāo)簽的常用屬性： src媒體文件路徑，相對(duì)或絕對(duì)都可以 autostart是否自動(dòng)播放，true為

11、自動(dòng)，false為不自動(dòng) loop循環(huán)播放次數(shù) starttime設(shè)置文件的播放起始時(shí)間 controls設(shè)置面板顯示樣式，controls=console全界面，smallconsole不顯示視頻窗口 例如：一個(gè)自動(dòng)播放音樂(lè)并循環(huán)兩次的embed標(biāo)簽定義格式如下： ,面向?qū)ο蟮膉avascript,JavaScript 是面向?qū)ο蟮木幊陶Z(yǔ)言。在js中對(duì)象一般采用函數(shù)來(lái)定義，聲稱(chēng)對(duì)象的三種方法： 1.函數(shù)構(gòu)造法 function funcName(); 2.對(duì)象生成法 var obj=; obj.x=1; obj.y=2; 3對(duì)象直接生成法： var obj=x:1,y:2,function

12、Person()var p1=new Person();var p2=new Person();alert(p1=p2);/這里結(jié)果是false，因?yàn)榈刂凡幌嗟葀ar p3=p2;alert(p3=p2);/這里是true /定義一個(gè)類(lèi)（原型對(duì)象）function Cat() /看起來(lái)和函數(shù)一樣的，主要是看怎么去用Cat();/這樣用，它就是一個(gè)函數(shù)var cat1 = new Cat();/這里cat1就是一個(gè)對(duì)象（實(shí)例）了；/定義這個(gè)對(duì)象的屬性=小白;cat1.age=3;cat1.color=白色;/從上面可以看出：/1、JS中的對(duì)象的屬性可以動(dòng)態(tài)的添加/2、屬性沒(méi)有限

13、制,訪問(wèn)對(duì)象的屬性有兩種方法：1、普通方式對(duì)象名.屬性名2、動(dòng)態(tài)訪問(wèn)對(duì)象名屬性名例：function Person()/定義一個(gè)類(lèi)var p1=new Person();/創(chuàng)建一個(gè)對(duì)象=“qqzone”;/給對(duì)象的name屬性賦值alert();/這里是普通方式訪問(wèn)alert(p1name);/這里是動(dòng)態(tài)方式訪問(wèn)var val = qq+zone;alert(p1val);/這里就體現(xiàn)出動(dòng)態(tài)的好處了，屬性名可以是字符串拼接出來(lái)的 Object是javascript中所有類(lèi)的基類(lèi) var p1=new Object();/通過(guò)Object直接創(chuàng)建對(duì)象，這里p1就是對(duì)象

14、了=test;/給p1的屬性賦值,本地對(duì)象,在javascript中，根據(jù)對(duì)象的作用范圍，對(duì)象被分為本地對(duì)象和宿主對(duì)象。常用的本地對(duì)象包括： Object，F(xiàn)unction，String，Date，Math，RegExp，Array等。 每個(gè)對(duì)象可以用構(gòu)造方法生成新的對(duì)象和方法，其中，F(xiàn)unction類(lèi)對(duì)象也是一種對(duì)象， 當(dāng)開(kāi)發(fā)者使用function關(guān)鍵字定義了一個(gè)函數(shù)的時(shí)候，在系統(tǒng)內(nèi)部的實(shí)際上是創(chuàng)建了Function類(lèi)的一個(gè)對(duì)象實(shí)例，也就是說(shuō)javascript中的函數(shù)也是對(duì)象。 例如： var func = new Function(a,b,return a-b); aler

15、t(func(3,4); 這種方法是可以提高效率的，簡(jiǎn)便易讀。返回值為-1，形式參數(shù)也可以有多個(gè)，根據(jù)需要來(lái)設(shè)定。,javascript中的多線程,所謂多線程，一般意義上理解，就是兩段程序塊，在操作系統(tǒng)的分時(shí)調(diào)配下，交錯(cuò)運(yùn)行。 每個(gè)程序在運(yùn)行后都成為操作系統(tǒng)的一個(gè)進(jìn)程。線程可以被看做進(jìn)程內(nèi)部的子進(jìn)程，每個(gè)進(jìn)程都包含了1個(gè)多N個(gè)線程。多線程可以理解為多任務(wù)，在使用定量的內(nèi)存情況下，多線程機(jī)制可以完成更多的工作。 Javascript沒(méi)有提供原生的多線程機(jī)制。默認(rèn)情況下，javascript代碼必須想流水一樣從上到下串行執(zhí)行。 1. 每個(gè)程序塊需要有自己獨(dú)立的線程運(yùn)行環(huán)境以及獨(dú)立上下文 2. 每個(gè)程序塊包含多個(gè)語(yǔ)句塊，每個(gè)語(yǔ)句塊