JavaScript基礎(chǔ)筆記

1、JavaScript基礎(chǔ)筆記目錄Css中的position的fixed屬性使用方法3課程一4JavaScript概述：4Javascript與java的不同：4JavaScript語(yǔ)法：4JavaScript語(yǔ)句：5JavaScript數(shù)組：5JavaScript函數(shù)：6課程二8對(duì)象：8JavaScript中特有的語(yǔ)句：9With語(yǔ)句：9For in語(yǔ)句：9JavaScript中已有的對(duì)象：10String對(duì)象10Math對(duì)象：11Data對(duì)象：11對(duì)象的原型：prototype。12課程三：14DOM14Dom的三層模型：14JavaScript獲取節(jié)點(diǎn)并改變樣式：14用JavaScript

2、寫一個(gè)猜數(shù)字的游戲。15第四講：15JavaScript回顧：15給array添加新的查找最大值的方法：17給string添加新的方法（給字體添加樣式，此方法原本已有，名為fontcolor）18第五講：dom操作18深入了解dom18樣式對(duì)象：18節(jié)點(diǎn)介紹19節(jié)點(diǎn)類型：19節(jié)點(diǎn)關(guān)系：19獲取節(jié)點(diǎn)的方法：19節(jié)點(diǎn)的獲取舉例：20第六講：21Window對(duì)象21獲取當(dāng)前窗體的名稱和瀏覽器的版本信息21獲取當(dāng)前頁(yè)面的href值22Confirm對(duì)話框：22Window對(duì)象的moveBy方法；（演示中，只對(duì)ie有效）23Window對(duì)象的moveTo方法：（演示中，只對(duì)ie有效）23抖動(dòng)窗口的設(shè)置：

3、（演示中，只對(duì)ie有效）23用JavaScript打開(kāi)一個(gè)新的窗口。Open函數(shù)23Close和setTime函數(shù)的使用23Window的setInterval函數(shù)24Window的三個(gè)事件。24Window的focus方法：25Window的event事件25DOM編程的大致順序：26正則表達(dá)式的兩個(gè)方法：26正則表達(dá)式的匹配的兩種方法：26Css中的position的fixed屬性使用方法使用舉例：顯示結(jié)果：課程一JavaScript概述：Javascript與java的不同：JavaScript中多個(gè)布爾值進(jìn)行比較的時(shí)候，盡力用雙與（&&）或雙或（|）JavaScript

4、語(yǔ)法：JavaScript語(yǔ)句：Switch語(yǔ)句：JavaScript數(shù)組：JavaScript函數(shù)：JavaScript的函數(shù)中的自帶數(shù)組JavaScript的函數(shù)有一個(gè)自帶的數(shù)組，用于存放函數(shù)傳遞過(guò)來(lái)的參數(shù)，這個(gè)數(shù)組名叫arguments.如：29這時(shí)函數(shù)運(yùn)行后，顯示還是haha，并沒(méi)有顯示參數(shù)，參數(shù)是被保存到arguments數(shù)組中去了如下：這時(shí)，就顯示了arguments數(shù)組的長(zhǎng)度，就為傳遞過(guò)來(lái)的參數(shù)數(shù)組的長(zhǎng)度。動(dòng)態(tài)函數(shù)：（使用相對(duì)較少）匿名函數(shù)：（通常用于事件的處理）常用實(shí)例如下兩種方法都可 構(gòu)造函數(shù)：課程二對(duì)象：自寫一個(gè)對(duì)象：在另外一個(gè)js文件中調(diào)用格式：JavaScript中特有

5、的語(yǔ)句：With語(yǔ)句：簡(jiǎn)化了代碼的寫法。原本應(yīng)該是這樣的：Alert(+”.”+stu.age);For in語(yǔ)句：最后打印時(shí)是可以用for in語(yǔ)句的，注意打印語(yǔ)句括號(hào)中的寫法用for in遍歷數(shù)組：JavaScript中已有的對(duì)象：String對(duì)象取得字符串中的特定位置的字符:（用charAt方法）給原字符串上加一個(gè)<b></b>標(biāo)簽，即加粗，使用bold方法給元字符串添加顏色：給原字符串添加超鏈接：Substring()與substr()方法的作用如下：截取字符串中的第二個(gè)位置到第四的位置的字符，賦值給k；（注意從0開(kāi)始計(jì)數(shù)）從字符串中的第二個(gè)位置

6、開(kāi)始，截取四個(gè)字符賦值給l.（也是從0開(kāi)始數(shù)位置）Math對(duì)象：產(chǎn)生隨機(jī)數(shù)的方法：math.random()結(jié)果：進(jìn)制轉(zhuǎn)換：parseInt（）和toString（）方法parseInt(str,radix)方法是將字符串轉(zhuǎn)換成整型數(shù)字，有兩個(gè)參數(shù)，第一個(gè)參數(shù)是必須的，是要轉(zhuǎn)換的字符串，第二個(gè)參數(shù)是可選的，是字符串進(jìn)行解析的基數(shù)，如果是2就解析的結(jié)果就是按照二進(jìn)制解析的結(jié)果，如果是8，結(jié)果就是八進(jìn)制的結(jié)果，如果省略或者是10，就是按照十進(jìn)制解析的結(jié)果parseInt將其他進(jìn)制轉(zhuǎn)換成二進(jìn)制。其中的1001是二進(jìn)制數(shù)字，2表示的是十六進(jìn)制，結(jié)果將前面的數(shù)轉(zhuǎn)換成十進(jìn)制后返回?？偨Y(jié)下，parseInt

7、(Number)里面的值:如果是第一位不是0就遇到字母就停止解析，并把字母前面的值作為10進(jìn)制去解析，如果第一個(gè)就是字母那么值就是空，空成了NaN,比如:parseInt("a")=>parseInt("",10)=>NaN.parseInt("10a")=>parseInt("10")=>parseInt("10",10)=>10;如果第一位是0,且第2位不是x也和上面一樣遇到字母就停止解析，并把字母前面的值作為8進(jìn)制去解析,比如:parseInt("0

8、a")=>parseInt("0")=>parseInt("0",10)=>0.PS:這個(gè)有點(diǎn)特殊，因?yàn)?a被解析成了0，還不具備看做是8進(jìn)制的結(jié)構(gòu)，下面那個(gè)就明顯了。parseInt("010a")=>parseInt("010")=>parseInt("10",8)=>8;如果第一位是0,且第2位是x那后面也和上面一樣遇到字母就停止解析，并把字母前面的值作為16進(jìn)制去解析,比如:parseInt("0xt")=>pars

9、eInt("",16)=>NaN.parseInt("0x12t")=>parseInt("12",16)=>18.toString是將十進(jìn)制轉(zhuǎn)換成其他進(jìn)制。其中參數(shù)為轉(zhuǎn)換目的進(jìn)制，x為被轉(zhuǎn)換的十進(jìn)制數(shù)。Data對(duì)象：對(duì)象的原型：prototype。作用：拿到原對(duì)象的引用，并在其基礎(chǔ)上添加新的自定義功能。在這里是給Array添加了一個(gè)新的功能，即getZuiDa給array對(duì)象原型添加三個(gè)新的方法，在使用時(shí)，便可直接調(diào)用添加方法：在arraytool.js文件的上面，已寫好了GetMax，GetMin，和printA

10、rray這三個(gè)函數(shù)。在這里直接將其添加到原型里去。在arraytool.js里面定義好以后，便可在其他頁(yè)面用以下方法使用：給string對(duì)象原型添加新的方法去掉字符串前后的空格：調(diào)用：翻轉(zhuǎn)字符串:調(diào)用：課程三：DOM概念：Dom的三層模型：Dom1：將html文檔封裝成對(duì)象Dom2：將xml文檔封裝成對(duì)象；Dom3：將xml文檔封裝成對(duì)象。Dhtml：動(dòng)態(tài)的html，只是多種技術(shù)的綜合體。由html，css，dom，JavaScript組成。Html：將數(shù)據(jù)進(jìn)行封裝；Dom：將標(biāo)簽封裝成對(duì)象；Css：負(fù)責(zé)標(biāo)簽中數(shù)據(jù)的樣式；JavaScript：將三者進(jìn)行融合，通過(guò)程序設(shè)計(jì)的方式來(lái)完成動(dòng)態(tài)效果的

11、操作XmlHttpRequenst-這個(gè)叫AJAXJavaScript獲取節(jié)點(diǎn)并改變樣式：Html代碼：用JavaScript寫一個(gè)猜數(shù)字的游戲。Html代碼：第四講：JavaScript回顧：1、 變量。2、 語(yǔ)句。有if,switch,for,while,do while等語(yǔ)句3、數(shù)組的定義：Var arr=2,5,2,4,3,4,7,5為二維數(shù)組。4、函數(shù)的種類和定義：5、對(duì)象自定義對(duì)象：JavaScript中已定義好的對(duì)象：給array添加新的查找最大值的方法：給string添加新的方法（給字體添加樣式，此方法原本已有，名為fontcolor）常見(jiàn)的全局方法：將其他進(jìn)制轉(zhuǎn)換成十進(jìn)制：第

12、五講：dom操作深入了解dom樣式對(duì)象：在css中的屬性是background-color，但在js中的寫法是backgroundColor。即給divobj節(jié)點(diǎn)賦予新的背景色節(jié)點(diǎn)介紹注意：標(biāo)簽之間存在空行是，會(huì)出現(xiàn)一個(gè)空的文本節(jié)點(diǎn)，因此獲取時(shí)要注意節(jié)點(diǎn)類型：標(biāo)簽型節(jié)點(diǎn)類型：類型：1；文本型節(jié)點(diǎn)：類型是3；注釋型節(jié)點(diǎn)：類型是8；Document：類型是9；屬性節(jié)點(diǎn)：類型是2；節(jié)點(diǎn)關(guān)系：父節(jié)點(diǎn)，通過(guò)parentNode子節(jié)點(diǎn)，childNodes:直接子節(jié)點(diǎn)。返回的是一個(gè)節(jié)點(diǎn)對(duì)象的集合兄弟節(jié)點(diǎn)：上一個(gè)兄弟節(jié)點(diǎn):previousSibling下一個(gè)兄弟節(jié)點(diǎn):nextSibling獲取節(jié)點(diǎn)的方法：1

13、、可以通過(guò)節(jié)點(diǎn)的層次關(guān)系完成；即使用parentNode，childNodes，nextSibling,previousSibling等方法2、也可通過(guò)document對(duì)象完成。1) getElementById:通過(guò)id屬性值獲取對(duì)應(yīng)的節(jié)點(diǎn)對(duì)象，如果有多個(gè)id值相同，獲取到的是第一個(gè)id所屬對(duì)象，所以盡量保證id的唯一性，返回的是一個(gè)對(duì)象。2) getElementsByName:通過(guò)標(biāo)簽的那么屬性獲取對(duì)象。返回一堆對(duì)象，其實(shí)是一個(gè)對(duì)象數(shù)組。3) getElementsByTagName:既沒(méi)有id，也沒(méi)有name屬性時(shí)，可以通過(guò)標(biāo)簽名來(lái)獲取節(jié)點(diǎn)對(duì)象，返回了一堆對(duì)象，其實(shí)是一個(gè)數(shù)組。大多容器

14、型（標(biāo)簽中可以寫標(biāo)簽）標(biāo)簽都具備這個(gè)方法。3、all方法：取得文檔中的所有的節(jié)點(diǎn)，除了文本節(jié)點(diǎn)和標(biāo)簽與標(biāo)簽之間的空白文本節(jié)點(diǎn)。節(jié)點(diǎn)的獲取舉例：使用層次關(guān)系獲取節(jié)點(diǎn)Html代碼：獲取到任意單元格里面的內(nèi)容。只需改變if判斷語(yǔ)句中的字符串的值第六講：Window對(duì)象獲取當(dāng)前窗體的名稱和瀏覽器的版本信息結(jié)果顯示：獲取當(dāng)前頁(yè)面的href值結(jié)果顯示：Confirm對(duì)話框：它是有返回值的，當(dāng)點(diǎn)擊確定，則返回true，點(diǎn)擊取消，返回false結(jié)果顯示：Window對(duì)象的moveBy方法；（演示中，只對(duì)ie有效）Window對(duì)象的moveTo方法：（演示中，只對(duì)ie有效）抖動(dòng)窗口的設(shè)置：（演示中，只對(duì)ie有效

15、）用JavaScript打開(kāi)一個(gè)新的窗口。Open函數(shù)Close和setTimeout函數(shù)的使用設(shè)置窗體在規(guī)定的時(shí)間后自動(dòng)關(guān)閉.setTimeOut函數(shù)以及close函數(shù)。SetTimeOut函數(shù)只執(zhí)行一次，Window的setInterval函數(shù)Window的三個(gè)事件。Onload,unonload,onbeforeunload制作流氓廣告：瀏覽器一加載完畢就觸發(fā)廣告，在廣告頁(yè)面中關(guān)閉之后（即onunload事件觸發(fā)時(shí)），又再一次執(zhí)行open語(yǔ)句，打開(kāi)廣告。Window的focus方法：使得窗體一直具有焦點(diǎn)。在這里是使這個(gè)廣告頁(yè)面每隔3秒聚焦一次。Window的event事件Window的獲

16、取鍵盤事件，并把輸入的字符轉(zhuǎn)換成ascma值。keyCode方法設(shè)置文本輸入框中只能輸入數(shù)字：如輸入錯(cuò)了，則不允許輸入進(jìn)去。ReturnValue可以將事件從中間取消。取得事件源對(duì)象：（鼠標(biāo)聚焦的事件）event的屬性，srcElementDOM編程的大致順序：1、 定義界面：通過(guò)html的標(biāo)簽將數(shù)據(jù)進(jìn)行封裝2、 定義一些靜態(tài)的樣式：通過(guò)css定義3、 需要?jiǎng)討B(tài)的完成的和用戶的交互a) 先明確事件源b) 明確事件將事件注冊(cè)到事件源上c) 通過(guò)js的函數(shù)對(duì)對(duì)象事件進(jìn)行處理d) 在處理過(guò)程需要明確被處理區(qū)域創(chuàng)建正則表達(dá)式的兩個(gè)方法：1、 var regex= /w3,5$/-意思是a-z，0-9，

17、A-Z這些元素任意出現(xiàn)3到5次；2、 var regex = new RegExp(“/w3,5$/”);正則表達(dá)式的匹配的兩種方法：1、 regex.text(value);其中regex是自己編寫的正則表達(dá)式，value是待匹配的值，這個(gè)式子有兩個(gè)返回值，如果匹配合格返回true，不合則返回false。2、 value.match(regex);返回值是一個(gè)數(shù)組，如果成功，則返回一個(gè)數(shù)組。如果不符合則返回一個(gè)空的數(shù)組。Search是查找原字符串中是否含有被查找的字符串，如有，則返回匹配的第一個(gè)字符串的索引。如下：Match是一個(gè)匹配，如找到，則返回被找到的結(jié)果，如沒(méi)有，則返回nullRep

18、lace替換方法，找到原字符串中對(duì)應(yīng)的字符串，將其替換成給出的字符串，如沒(méi)有加全局g，則只替換第一個(gè)匹配的字符串。執(zhí)行的是原字符串的副本，對(duì)原始字符串沒(méi)有影響。字符串分割匹配電話號(hào)碼的正則表達(dá)式：電子郵箱的正則表達(dá)式：/w+(-w+)|(.w)+)*a-zA-Z0-9+(.|-)a-zA-Z0-9)*.(a-zA-Z0-9+)/非空：/S+&/-S是匹配任何非空白字符，+號(hào)是出現(xiàn)一次或多次。郵編：/d6/-d是匹配數(shù)字字符（0-9），6出現(xiàn)的次數(shù)是6次日期：/d4(.|-)d1,2(.|-)d(1,2)$/Javascript中的call和apply的理解，意義，以及區(qū)別：call, apply都屬于Ftotype的一個(gè)方法,它是JavaScript引擎內(nèi)在實(shí)現(xiàn)的,因?yàn)閷儆贔totype,所以每個(gè)Fun