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

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

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

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

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

6、開始，截取四個字符賦值給l.（也是從0開始數位置）Math對象：產生隨機數的方法：math.random()結果：進制轉換：parseInt（）和toString（）方法parseInt(str,radix)方法是將字符串轉換成整型數字，有兩個參數，第一個參數是必須的，是要轉換的字符串，第二個參數是可選的，是字符串進行解析的基數，如果是2就解析的結果就是按照二進制解析的結果，如果是8，結果就是八進制的結果，如果省略或者是10，就是按照十進制解析的結果parseInt將其他進制轉換成二進制。其中的1001是二進制數字，2表示的是十六進制，結果將前面的數轉換成十進制后返回。總結下，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進制的結構，下面那個就明顯了。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是將十進制轉換成其他進制。其中參數為轉換目的進制，x為被轉換的十進制數。Data對象：對象的原型：prototype。作用：拿到原對象的引用，并在其基礎上添加新的自定義功能。在這里是給Array添加了一個新的功能，即getZuiDa給array對象原型添加三個新的方法，在使用時，便可直接調用添加方法：在arraytool.js文件的上面，已寫好了GetMax，GetMin，和printA

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

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

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

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

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

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

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

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

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