JavaScript基礎筆記

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

18、lace替換方法，找到原字符串中對應的字符串，將其替換成給出的字符串，如沒有加全局g，則只替換第一個匹配的字符串。執(zhí)行的是原字符串的副本，對原始字符串沒有影響。字符串分割匹配電話號碼的正則表達式：電子郵箱的正則表達式：/w+(-w+)|(.w)+)*a-zA-Z0-9+(.|-)a-zA-Z0-9)*.(a-zA-Z0-9+)/非空：/S+&/-S是匹配任何非空白字符，+號是出現(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的一個方法,它是JavaScript引擎內(nèi)在實現(xiàn)的,因為屬于Ftotype,所以每個Fun