JavaScript 基礎(chǔ)重點(diǎn)歸納

1、 PAGE PAGE 17目錄 HYPERLINK l _TOC_250038 JavaScript 重點(diǎn)歸納3 HYPERLINK l _TOC_250037 第一章JavaScript 的基本語(yǔ)法3 HYPERLINK l _TOC_250036 1、為什么要學(xué)習(xí)JS.3 HYPERLINK l _TOC_250035 2、什么是JavaScript3 HYPERLINK l _TOC_250034 3、在網(wǎng)頁(yè)中引用JavaScript 的方式3 HYPERLINK l _TOC_250033 4、JavaScript 核心語(yǔ)法3 HYPERLINK l _TOC_250032 5、數(shù)據(jù)類(lèi)

2、型4 HYPERLINK l _TOC_250031 6、常用的輸/輸出4 HYPERLINK l _TOC_250030 7、語(yǔ)法約定4 HYPERLINK l _TOC_250029 8、Firebug 工具，火狐插件調(diào)試工具。4 HYPERLINK l _TOC_250028 第2 章 函數(shù)和window 對(duì)象4 HYPERLINK l _TOC_250027 1、常用的系統(tǒng)函數(shù)4 HYPERLINK l _TOC_250026 2、自定義函數(shù)5 HYPERLINK l _TOC_250025 3、匿名函數(shù)5 HYPERLINK l _TOC_250024 4、轉(zhuǎn)義符5 HYPERLIN

3、K l _TOC_250023 5、變量的作用域5 HYPERLINK l _TOC_250022 6window 對(duì)象6 HYPERLINK l _TOC_250021 7、Date 對(duì)象6 HYPERLINK l _TOC_250020 第 3 章 BOM編程7 HYPERLINK l _TOC_250019 1、history 對(duì)象7 HYPERLINK l _TOC_250018 2、location 對(duì)象73、t對(duì)象 HYPERLINK l _TOC_250017 4、元素的顯示和隱藏7 HYPERLINK l _TOC_250016 第4 章 DOM 高級(jí)編程81、M 的組成 HY

4、PERLINK l _TOC_250015 2、Core DOM 的標(biāo)準(zhǔn)節(jié)點(diǎn)操作8 HYPERLINK l _TOC_250014 3HTMLDOM 的特有對(duì)象和操作9 HYPERLINK l _TOC_250013 第5 章 JavaScript和CSS 的交互10 HYPERLINK l _TOC_250012 1、JavaScript 訪問(wèn)樣式的常用方法10 HYPERLINK l _TOC_250011 2、獲取樣式屬性值10 HYPERLINK l _TOC_250010 3、獲取滾動(dòng)條滾動(dòng)的距離11 HYPERLINK l _TOC_250009 第6 章 表單基本驗(yàn)證技術(shù)11 H

5、YPERLINK l _TOC_250008 1、基本數(shù)據(jù)類(lèi)型String 和 對(duì)象String 的區(qū)別11 HYPERLINK l _TOC_250007 2、String 對(duì)象的方法12 HYPERLINK l _TOC_250006 3、表單提交的方法12 HYPERLINK l _TOC_250005 4、文本框控件12 HYPERLINK l _TOC_250004 5、制作文本輸入提示特效13 HYPERLINK l _TOC_250003 第7 章 正則表達(dá)式和表單輔助特效13 HYPERLINK l _TOC_250002 1、正則表達(dá)式13 HYPERLINK l _TOC_

6、250001 2、定義正則表達(dá)式：13 HYPERLINK l _TOC_250000 3、表達(dá)式的模式134、正則表達(dá)對(duì)象的常用方法145、使用下拉列表框?qū)崿F(xiàn)級(jí)聯(lián)效果156Array 數(shù)組對(duì)象15擴(kuò)展1、對(duì)象類(lèi)型和基本類(lèi)型172、Math 對(duì)象173、number 對(duì)象17JavaScript 重點(diǎn)歸納第一章 JavaScript 的基本語(yǔ)法1、為什么要學(xué)習(xí) JS客戶端表單驗(yàn)證頁(yè)面動(dòng)態(tài)效果動(dòng)態(tài)改變頁(yè)面內(nèi)容2、什么是 JavaScriptJavaScript 是一種描述語(yǔ)言，也是一種基于對(duì)象和事件驅(qū)動(dòng)的、并具有安全性能的腳本語(yǔ)言。JavaScriptJavaScript的組成JavaScrip

7、tECMAScriptBOMDOM核心語(yǔ)法瀏覽器對(duì)象模型文檔對(duì)象模型3、在網(wǎng)頁(yè)中引用 JavaScript 的方式使用標(biāo)簽內(nèi)容JavaScript文件HTML標(biāo)簽中4、JavaScript 核心語(yǔ)法聲明變量var 變量名;注意：JavaScript可不要，但一般先聲明，再賦值使用5、數(shù)據(jù)類(lèi)型JavaScript 是一種弱類(lèi)型語(yǔ)言，在聲明變量時(shí)不需要聲明變量的數(shù)據(jù)類(lèi)型，面是由賦給變量的值決定，但有時(shí)也需要檢測(cè)變量的具體數(shù)據(jù)類(lèi)型（通過(guò)。數(shù)據(jù)類(lèi)型undefined(未定義類(lèi)型) null(空類(lèi)型)number(數(shù)值類(lèi)型) string(字符串類(lèi)型) boolean(布爾類(lèi)型)typeof()的返回結(jié)

8、果undefined object number string boolean示例var width; typeof(null) var height=20; var name=”rose”; var isOk=true;alert(null=undefined); 返回 trueundefinednull 是聲明了變量但未對(duì)該變量賦值，null表示對(duì)該變量賦了一個(gè)空值。6、常用的輸入/輸出警告:alert(“提示信息”);提示輸入框:prompt(“提示信息”,”輸入框的默認(rèn)信息”);7、語(yǔ)法約定JavaScript 的關(guān)鍵字一般都是小寫(xiě)，內(nèi)置對(duì)象是以大寫(xiě)字母開(kāi)頭的(Date、Math),D

9、om對(duì)象的名稱(chēng)通常是小寫(xiě)字母開(kāi)頭，遵循駱駝命名法。不能以數(shù)字開(kāi)頭。;號(hào)作業(yè)一行代碼的結(jié)尾。8、Firebug 工具，火狐插件調(diào)試工具。第2 章函數(shù)和window對(duì)象1、常用的系統(tǒng)函數(shù)parseInt(“字符串”):將一個(gè)有效的數(shù)字字符串轉(zhuǎn)換成整型數(shù)字parseFloat(“字符串”): 將一個(gè)有效的數(shù)字字符串轉(zhuǎn)換成浮點(diǎn)型數(shù)字參數(shù)parseInt()parseFloat參數(shù)parseInt()parseFloatisNaN()“78.57”7878.57false“78.88color”7878.88true“this98.6”NaNNaNtrue“56.45.56”5656.45true87+

10、.58787.5false2、自定義函數(shù)function 函數(shù)名(參數(shù) 1,參數(shù) 2,參數(shù) 3,.)JavaScript語(yǔ)句;return返回值;調(diào)用函數(shù)：事件名=”函數(shù)名()”注意事項(xiàng)：實(shí)參比形參少的情況，默認(rèn)賦值 undefined;實(shí)參比形參多時(shí)，自動(dòng)舍棄。returnundefined。HTMLjson開(kāi)頭，其它屬性要調(diào)用則要加前綴 javascripthref=”javascript:();”3、匿名函數(shù)var =function(). 匿名函數(shù)只能定義在前，使用在后4、轉(zhuǎn)義符n換行、 t r換行、 ” 轉(zhuǎn)義符只能在 alert()中使用，在 document.write()不能使用

11、。5、變量的作用域java中類(lèi)似。var來(lái)聲明變量那么這個(gè)變量變是一個(gè)全局變量。6、window 對(duì)象名稱(chēng)prompt alertconfirmclose open常用方法說(shuō)明顯示可提示用戶輸入的圣誕框顯示一個(gè)帶有提示信息和一個(gè)“確定”按鈕的警示框顯示一個(gè)帶有提示信息和一個(gè)“確定”和“取消” 按鈕的警示框關(guān)閉瀏覽器窗口打開(kāi)一個(gè)新的瀏覽器窗口，可以設(shè)置諸多屬性setTimeout(函數(shù)間隔毫秒數(shù))在指定毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式(調(diào)用一次)，clearTimeout(名稱(chēng))可以清除定時(shí)器setInterval函數(shù)間隔毫秒數(shù))按照指定的周期來(lái)調(diào)用函數(shù)或表達(dá)式(調(diào)用多次) clearInterva

12、l()清除定時(shí)器常用事件名稱(chēng)名稱(chēng)說(shuō)明onload一個(gè)頁(yè)面或一幅圖像完成加載onmouseoveronmouseover鼠標(biāo)移動(dòng)到某元素上onclick鼠標(biāo)單擊某個(gè)對(duì)象onkeydownonkeydown某個(gè)鍵盤(pán)按鍵被按下onchange域的內(nèi)容被改變7、Date 對(duì)象用于操作日期和時(shí)間var 日期實(shí)例 = new Date(參數(shù));獲取時(shí)間和日期值，如 獲取一月中的每一天獲取星期中g(shù)etMonth()011=getMonth()+1setXxx()設(shè)置時(shí)間和日期值Date 對(duì)象直接得到 年-月-日 時(shí)-分-秒 格式的方法var d = new Date();var s = d.toLocale

13、String();第3 章BOM 編程1、history 對(duì)象URL列表對(duì)象的方法：back(forward(go(n)n個(gè)頁(yè)面。2、location對(duì)象方法：reload()重新加載當(dāng)前文檔、replace()用新的文檔替換當(dāng)前文檔3、document 對(duì)象常用方法名稱(chēng)getElementById() getElementByName()getElementByTagName() write()說(shuō)明id的第一個(gè)對(duì)象的引用() ,HTMLJavaScript代碼對(duì)象數(shù)組.length可以獲取數(shù)組的長(zhǎng)度對(duì)象名.getElementByTagName()：返回該對(duì)象的子節(jié)點(diǎn)中指定名稱(chēng)的對(duì)象的集合d

14、ocument對(duì)象經(jīng)常應(yīng)用于實(shí)現(xiàn)網(wǎng)頁(yè)元素的顯示和隱藏效果。4、元素的顯示和隱藏object.style.visibility = “值” object.style.display = “值”visible,hidden不可見(jiàn)none顯示為塊級(jí)元素兩者區(qū)別：使用 visibility 屬性設(shè)置元素不可見(jiàn)，此元素會(huì)占據(jù)頁(yè)面上的空間。使用display屬性設(shè)置元素不顯示，此元素不會(huì)占據(jù)頁(yè)面空間。第4 章DOM 高級(jí)編程1、DOM 的組成e M ， XHTML，XML。XML XML 文檔的對(duì)象。HTML HTML 文檔的對(duì)象。2、CoreDOM 的標(biāo)準(zhǔn)節(jié)點(diǎn)操作訪問(wèn)和修改節(jié)點(diǎn)屬性object.getA

15、ttribute(“屬性名”)：獲取對(duì)象的屬性值。object.setAttribute(“屬性名”,”屬性值”)：設(shè)置對(duì)象屬性值經(jīng)驗(yàn)：使用 getAttribute()方法以讀取屬性值時(shí)，如果屬性不存在，返回null根據(jù)層次關(guān)系查找節(jié)點(diǎn)（適合于在文檔局部短距離查找元素）object.屬性childNodesindex：按下標(biāo)訪問(wèn)指定子節(jié)點(diǎn)childNodes數(shù)組)firstChild：第一個(gè)子節(jié)點(diǎn)nextSbling：下一個(gè)子節(jié)點(diǎn)lastChild：最后一個(gè)子節(jié)點(diǎn)注意事項(xiàng)：對(duì)表格進(jìn)行查找時(shí)，表格默認(rèn)會(huì)有、和，查找時(shí)要考慮它們的存在。訪問(wèn)文檔的根節(jié)點(diǎn)的方法：document.documentE

16、lement/IE和火狐document.body/谷歌創(chuàng)建和增加節(jié)點(diǎn)名稱(chēng)document.createElement(“tagName”) 父節(jié)點(diǎn).appendChild(nodeName)描述按照給定的標(biāo)簽名稱(chēng)創(chuàng)建一個(gè)新的元素節(jié)點(diǎn)向已存在節(jié)點(diǎn)列表的末尾添加新的子節(jié)點(diǎn)父節(jié)點(diǎn).insertBefore(newNode ,oldNode)向指定的節(jié)點(diǎn)之前插入一個(gè)新的子節(jié)點(diǎn)要克隆的對(duì)象.cloneNode(true|false)復(fù)制某個(gè)指定的節(jié)點(diǎn)cloneNode()true 表示復(fù)制指定的節(jié)點(diǎn)及它的所有子節(jié)點(diǎn)，為false 只復(fù)制該節(jié)點(diǎn)和屬性。名稱(chēng)父節(jié)點(diǎn).removeChild(node)父節(jié)點(diǎn)

17、.replaceChild(newNode,oldNode)描述刪除指定的節(jié)點(diǎn)用其他的節(jié)點(diǎn)替換指定的節(jié)點(diǎn)3、HTMLDOM 的特有對(duì)象和操作訪問(wèn) HTML DOM 對(duì)象的屬性：對(duì)象名.屬性名表格對(duì)象屬性和方法Table 對(duì)象類(lèi)別類(lèi)別名稱(chēng)描述屬性rowsinsertRow(index) deleteRow(index)返回包含表格中所有行的一個(gè)數(shù)組方法index 所在行之前插入一個(gè)新行從表格中刪除一行類(lèi)別名稱(chēng)cells屬性rowIndexTableRow 對(duì)象描述返回包含行中所有單元格的一個(gè)數(shù)組獲取對(duì)象在表格的 rows 集合中的位置。sectionRowIndex獲取對(duì)象位于 tBody, t

18、Head, tFoot 或 rows 集合中的位置。insertCell()標(biāo)簽方法deleteCell()刪除行中指定的單元格類(lèi)別名稱(chēng)屬性innerTextalign TableCell 對(duì)象描述返回單元格在某行單元格集合中的位置設(shè)置或返回單元格的開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽之間的HTML設(shè)置或返回單元格的開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽之間的文本內(nèi)容設(shè)置或返回單元水平排列方式設(shè)置或返回元素的 class 屬性注意：數(shù)組下標(biāo)和行、單元格的位置都是從0 開(kāi)始，第5 章JavaScript 和CSS 的交互1、JavaScript 訪問(wèn)樣式的常用方法style 屬性（對(duì)象）HTML.style.=”;JSCSSHTML

19、”-”號(hào)，第一個(gè)單詞首字小寫(xiě)，其余首字母大寫(xiě)，如 。var 變量 = HTML.style.;該方式只能獲取內(nèi)聯(lián)樣式的屬性值，無(wú)法獲取內(nèi)部樣式表或外部樣式表中的屬性值。名稱(chēng)onclick onmouseover onmouseout onmousedown描述鼠標(biāo)移到某元素上鼠標(biāo)從某元素移開(kāi)鼠標(biāo)按鈕被按下this 如：鼠標(biāo)移到對(duì)象上時(shí)改變對(duì)象的背景圖片object.onmouseover=functioin()this.style.backgroundImage=”url(images/bg2.jpg)”;className 屬性HTML.className=”CSS”2、獲取樣式屬性值sty

20、le 偏移屬性leftbottom 分別設(shè)置元素的頂、左、右、底邊緣距離父元素頂、左、右、底邊。zIndex 設(shè)置元素的堆疊次序。獲取內(nèi)部樣式表或外部樣式表中的屬性值的方法：IE：object.currentStyle.樣式屬性;(只讀)火狐/谷歌：document.defaultView.getComputedStyle(元素,null).屬性;3、獲取滾動(dòng)條滾動(dòng)的距離scrollTop 和 scrollLeft 屬性名稱(chēng)scrollTop scrollLeftclientWidth描述即對(duì)象在垂直方向上滾動(dòng)的距離，單位px即對(duì)象在水平方向上滾動(dòng)的距離，單位px指對(duì)象的可見(jiàn)寬度，即在樣式中設(shè)

21、置的width 值，不帶 pxclientHeight指對(duì)象的可見(jiàn)高度，即在樣式中設(shè)置的height px 得到瀏覽器滾動(dòng)條的垂直滾動(dòng)距離的方法：document.ducumentElement.scrollTop; /IE和火狐名稱(chēng)描述onscrollonload用于捕捉頁(yè)面垂直和水平的滾動(dòng)，水平和垂直滾動(dòng)距離動(dòng)態(tài)變化一個(gè)頁(yè)面或一幅圖片完成加載（上傳）document.body.scrollTop:/谷歌 div名稱(chēng)描述onscrollonload用于捕捉頁(yè)面垂直和水平的滾動(dòng)，水平和垂直滾動(dòng)距離動(dòng)態(tài)變化一個(gè)頁(yè)面或一幅圖片完成加載（上傳）第6 章表單基本驗(yàn)證技術(shù)1、基本數(shù)據(jù)類(lèi)型String 和

22、對(duì)象String的區(qū)別對(duì)象類(lèi)型 Stringvar str1 = new String(“Im a programmer”); var len1 = str1.length;len可以得到字符串的長(zhǎng)度基本類(lèi)型 Stringvar str2 = “Im a programmer”; var len2 = str2.length;len也可以得到字符串的長(zhǎng)度知道這些操作只適用于對(duì)象類(lèi)型，會(huì)將字符串的字面值臨時(shí)轉(zhuǎn)換為numberboolean類(lèi)型同樣適用。2、String 對(duì)象的方法方法名作用Str1.charAt(index)Str1.charAt(index)選取字符串中某一位置的單個(gè)字符Str

23、1.charCodeAt(index)Unicode編碼UnicodeUnicode編碼表a-z:97122 A-Z:6590 0-9:4857String.fromCharCode()將編碼轉(zhuǎn)成字符(可用于生成英文字母)Str1.indexOf(str2)Str1.indexOf(str2)str2str1中第一出現(xiàn)的位置Str1.lastIndexOf(str2)str2str1中最后一次出現(xiàn)的位置Str1.substr(starpos,length)Str1.substr(starpos,length)截取字符串Str1.substring(starpos,endpos)截取字符串，含開(kāi)

24、始不含結(jié)束Str1.toLowerCase()Str1.toLowerCase()轉(zhuǎn)小寫(xiě)字母Str1.toUpperCase()轉(zhuǎn)大寫(xiě)字母3、表單提交的方法onsubmit=”return 表單驗(yàn)證的函數(shù)”onsubmit 方法根據(jù)函數(shù)返回值來(lái)決定是否提交表單，當(dāng)返回值是false 時(shí)表單不提交， true時(shí)提交表單。4、文本框控件文本框?qū)ο蟪Ｓ玫姆椒ê蛯傩灶?lèi)別類(lèi)別名稱(chēng)描述onblur失去焦點(diǎn)，當(dāng)光標(biāo)離開(kāi)文本框時(shí)觸發(fā)事件onfocus onkeypressblur()獲得焦點(diǎn)，當(dāng)光標(biāo)進(jìn)行入文本框時(shí)觸發(fā)某個(gè)鍵盤(pán)按鍵被按下并松開(kāi)從文本域中移開(kāi)焦點(diǎn)方法focus() select() idvalue

25、文本框獲得焦點(diǎn)選取文本框中的內(nèi)容，并突出顯示，常用于提示用戶輸入屬性設(shè)置或返回文本框的 id設(shè)置或返回文本框的 value 屬性的值5、制作文本輸入提示特效鼠標(biāo)離開(kāi)文本框時(shí)，驗(yàn)證輸入是否合法,object.innerHTMldiv中的提示內(nèi)容和樣式。div的樣式 將塊級(jí)標(biāo)簽和等級(jí)標(biāo)簽置于同一行。IDfunction $(elementId)return document.getElementById(elementId);第7 章正則表達(dá)式和表單輔助特效1、正則表達(dá)式來(lái)匹配各種表達(dá)式。2、定義正則表達(dá)式：1) 普通方式var reg=/表達(dá)式/附加參數(shù)表達(dá)式：一個(gè)字符串代表了某種規(guī)則附加參數(shù)：

26、用來(lái)擴(kuò)展表達(dá)式的含義，可以任意組合，代表復(fù)合含義g:代表可以進(jìn)行全局匹配globali:代表不區(qū)分大小寫(xiě)匹配ignoreCase2)m:代表可以進(jìn)行多選匹配構(gòu)造函數(shù)multilinevar reg=new RegExp(表達(dá)式”,”附加參數(shù)”);JavaScript變量。3、表達(dá)式的模式復(fù)合模式：指含有通配符來(lái)表達(dá)的模式var reg=/通配符$/正則表達(dá)式的常用通配符符號(hào)符號(hào)描述/./$sSdDwW.代表一個(gè)模式的開(kāi)始和結(jié)束匹配字符串的開(kāi)始匹配字符串的結(jié)束任何空白字符/space任何非空白字符匹配一個(gè)數(shù)字字符，等價(jià)于0-9/ digit除了數(shù)字之外的任何字符，等價(jià)于0-9/whatever匹

27、配一個(gè)數(shù)字、下劃線或字母字符，等價(jià)于A-Za-z0-9_任何非單字字符，等價(jià)于A-Za-z0-9_ 除了換行符之外的任意字符正則表達(dá)式的重復(fù)字符符號(hào)符號(hào)描述nn,n,m*+匹配前一項(xiàng)n 次匹配前一項(xiàng)n 次，或者多次匹配前一項(xiàng)至少n 次，最多m 0 次或多次，等價(jià)于1 次或多次，等價(jià)于匹配前一項(xiàng) 0 次或 1 次，也就是說(shuō)前一項(xiàng)是可靠的，等價(jià)于0,1”$.、分別區(qū)別星號(hào)、點(diǎn)號(hào)、加號(hào)。Email:/w+(-+.w+)*w+(-.w+)*.w+(-.w+)*$/解讀： HYPERLINK mailto:必須包含符號(hào)和.符號(hào) .之前。-+.w-.w-.-+.符號(hào)不能相鄰正則表達(dá)式中|或者關(guān)系運(yùn)算符的用

28、法：|與”(“ ”)”指向開(kāi)始和結(jié)束4、)對(duì)象的常用方法檢測(cè)一個(gè)字符串是否匹配某個(gè)正則表達(dá)式：正則表達(dá)式對(duì)象實(shí).test(字符);/返回true或false檢索字符中正則表達(dá)式的匹配，返回找到的值，并確定其位置正則表達(dá)式對(duì)象實(shí)例.exec(字符串);String對(duì)象的方法符號(hào)符號(hào)描述match(字符串|reg對(duì)象)searchreplace(reg 對(duì)象|字符串,”新的字符串”) split(分割符,n)找到一個(gè)或多個(gè)正則表達(dá)式的匹配檢索與正則表達(dá)式相匹配的值替換與正則表達(dá)式匹配的字符串把字符串分割為字符串?dāng)?shù)組5、使用下拉列表框?qū)崿F(xiàn)級(jí)聯(lián)效果select 對(duì)象的常用事件、方法、屬性類(lèi)別類(lèi)別名稱(chēng)描

29、述事件onchange add(new,old) options selectedIndexlength當(dāng)改變選項(xiàng)時(shí)調(diào)用的事件向下拉列表框中添加一個(gè)選項(xiàng),old 為空，加在最后返回包含下拉列表框中的所有選項(xiàng)的一個(gè)數(shù)組設(shè)置或返回下拉列表框中的被選項(xiàng)目的索引號(hào)返回下拉列表框中的選項(xiàng)的數(shù)目options.length=0select對(duì)象的所有選項(xiàng)Option對(duì)象的常用屬性屬性屬性描述textvalue設(shè)置或返回某個(gè)選項(xiàng)的純文本值，即標(biāo)簽開(kāi)始和結(jié)束之間的值設(shè)置或返回被送往服務(wù)器的值selectObjoption選項(xiàng)：var newOption = new Option(text,value); selectObj.add(newOption,null);6、Array 數(shù)組對(duì)象創(chuàng)建數(shù)組：var 數(shù)組名稱(chēng) = new Array(數(shù)組長(zhǎng)度);為數(shù)組元素賦值：var fruit = new 或var fruit = new Array(4); fruit0 = “