javascript javascript 初級(jí)到高級(jí) 筆記

1、113.javript：它和標(biāo)簽語(yǔ)言都屬于描述性的語(yǔ)言，用于和html結(jié)合從而強(qiáng)化網(wǎng)頁(yè)數(shù)據(jù)的展現(xiàn)，雖然語(yǔ)法和結(jié)構(gòu)上和java類(lèi)似，但實(shí)際上它是和java完全不同的一門(mén)語(yǔ)言，它只是函數(shù)式的語(yǔ)言，其實(shí)從字面意思看，它就是java的一種腳本語(yǔ)言，至于腳本語(yǔ)言是什么，以后再說(shuō)。javript在客戶(hù)端做展現(xiàn)必須要有瀏覽器的支持。javript包含3部分語(yǔ)法：基礎(chǔ)語(yǔ)法、DOM(DocumentObjectModel)、BOM（BrowerObjec

2、tModel）。114.javript的初步使用：其實(shí)和在html中引入css的做法類(lèi)似，js的使用也分為內(nèi)部使用和外部使用。js的內(nèi)部使用，介紹已經(jīng)說(shuō)過(guò)了，js是和html結(jié)合用于更好的展現(xiàn)數(shù)據(jù)，原則上，js是可以寫(xiě)在html的任何標(biāo)簽體中的，但一般來(lái)說(shuō)，js的函數(shù)定義是寫(xiě)在head標(biāo)簽體中，而函數(shù)調(diào)用是在body標(biāo)簽體中，也就是上面定義方法，下面調(diào)用方法的意思，直接看例子程序:123MyfirstJavript!45alert(“H

3、ellojs!”)6alert(“ok!)789第一個(gè)js10直接看47句，這里就使用了js，在head標(biāo)簽中插入一個(gè)標(biāo)簽，就是js的關(guān)鍵字代表，插入標(biāo)簽標(biāo)表明要在此處插入一段js語(yǔ)句，和插入css一樣，都要指定type屬性，這里是type=”textjavript”標(biāo)明標(biāo)簽的類(lèi)型是javript（因?yàn)閖avript只是腳本語(yǔ)言的一種，還可以聲明type=“textj“，type=“textvbcript“等等，所以這個(gè)type屬性是指

4、明你下面要使用哪種腳本語(yǔ)言，但是javript比較特殊，它是所有瀏覽器默認(rèn)的腳本語(yǔ)言，所以你不寫(xiě)type屬性時(shí)，默認(rèn)的就是使用javript，當(dāng)然，這是不好的習(xí)慣）。56句就是標(biāo)簽的值，也就是js的語(yǔ)句，對(duì)于標(biāo)簽語(yǔ)言來(lái)說(shuō)，大小寫(xiě)都沒(méi)所謂，但是標(biāo)簽里的js語(yǔ)句就要嚴(yán)格遵守java的語(yǔ)法，因?yàn)槔锩婢拖喈?dāng)于是使用java語(yǔ)言，56句都使用了一個(gè)方法叫alert()，它的作用是將輸入的實(shí)參以彈出對(duì)話框的形式表現(xiàn)出來(lái)，java里面是嚴(yán)格區(qū)分大小寫(xiě)

5、的，那么js的語(yǔ)句也必須嚴(yán)格區(qū)分，alert()方法要求傳的是字符串類(lèi)型的實(shí)參，你就必須加””，語(yǔ)句與語(yǔ)句之間要用“”隔開(kāi)，其實(shí)不用“”隔開(kāi)也行，只不過(guò)是習(xí)慣性使用而已，反正在標(biāo)簽體中寫(xiě)語(yǔ)句，你就必須按照java的語(yǔ)言規(guī)范來(lái)做。上面這段代碼的表現(xiàn)形式就是在原來(lái)沒(méi)插入標(biāo)簽的基礎(chǔ)上依次彈出了兩個(gè)對(duì)話框，對(duì)話框的內(nèi)容就是alert()方法的實(shí)參，這種對(duì)話框是Model對(duì)話框，即摩肽對(duì)話框，即你不處理的話無(wú)法做其他事情，還有一種是Modeles

6、s(非摩肽)對(duì)話框，不處理也可以做其他事情。外部引入js的做法：做法非常固定，其實(shí)就是在head標(biāo)簽體中插入。這句話就為html文件從外部引入了一個(gè)js文件，language=”javript”和type=”textjavript”一樣意思，哪一種都行，不過(guò)language屬性是比較早期的屬性，現(xiàn)在基本上被type屬性取代。src是指定引入的js文件的相對(duì)路徑，javript文件的后綴名就是“.js”，我們參考外部引入css的做法，我們

7、在html文件的當(dāng)前路徑下用記事本新建一個(gè)“01.js”的文件，內(nèi)容就寫(xiě)上上例的標(biāo)簽的標(biāo)簽值就行了，如alert(“你好”)，保存后，就是設(shè)定的src屬性的值為“01.js”，這樣就為html文件引入了“01.js”文件。115.js中的DOM機(jī)制的初步了解：DOM叫DocumentObjectModel，即文件對(duì)象模型，大概意思是將整個(gè)Document文件當(dāng)做一個(gè)對(duì)象來(lái)讀取里面的內(nèi)容，至于如何將一個(gè)Document文件當(dāng)做一個(gè)對(duì)象，后

8、續(xù)再了解，這里主要是用一段例子代碼來(lái)初步了解一下這種機(jī)制：document.write(“這是用javript打印出來(lái)的！”)這個(gè)例子中標(biāo)簽用了document.write(““)這樣一個(gè)方法，里面?zhèn)鞯膶?shí)參是：“這是用javript打印出來(lái)implementsstaticclassimptsuperconstintsynchronizeddebuggerinterfacethrowsdoublelongtransientenumnati

9、vevolatileexptpackageextendsprivatebooleanfinalshtbytefloatstaticintdoublelongasnamespaceusefalsetruenullis117.js的調(diào)試：這是javript使用中比較頭痛的地方，使用js的過(guò)程中，如果js的語(yǔ)法出現(xiàn)問(wèn)題了，瀏覽器不會(huì)顯示相關(guān)的打印內(nèi)容，那么你就知道js的語(yǔ)句肯定哪里出問(wèn)題了，但是瀏覽器不會(huì)給你報(bào)任何出錯(cuò)的信息，以前的程序只能硬

10、著頭皮一句一句的檢查，或使用最原始的方法，刪一點(diǎn)試一下，刪一點(diǎn)試一下，或者像調(diào)試java那樣用System.out.println()打印一些東西出來(lái)，但區(qū)別是js是用alert()方法彈出一些信息而已，做法效率很低，現(xiàn)在比較好的做法是使用瀏覽器的腳本錯(cuò)誤提示功能，打開(kāi)IE瀏覽器（必須是IE）→工具→Inter選項(xiàng)→高級(jí)→拉到差不多最下面→把“禁用腳本調(diào)試”的兩個(gè)選項(xiàng)的√去掉→然后把下面的“顯示每個(gè)腳本錯(cuò)誤的信息”的√選上→點(diǎn)確定。然后

11、你在運(yùn)行含有js的html網(wǎng)頁(yè)時(shí)，出現(xiàn)錯(cuò)誤的話瀏覽器會(huì)彈出一個(gè)對(duì)話框，點(diǎn)它的“詳細(xì)信息”就可以看到j(luò)s語(yǔ)句哪里出錯(cuò)了。這種做法只能說(shuō)是沒(méi)得選的情況下的做法，如果該網(wǎng)頁(yè)是動(dòng)態(tài)的網(wǎng)頁(yè)，這種做法還是不行。更好的做法是用“firefox瀏覽器它的firebug插件”，先下載firefox瀏覽器并安裝，打開(kāi)后，工具→附加組件→插件→搜索“Firebug”→安裝插件即可。安裝完成后在firefox瀏覽器的右上角會(huì)出現(xiàn)一個(gè)蟲(chóng)子標(biāo)志，點(diǎn)小蟲(chóng)子的下拉按鈕

12、，把界面位置選擇為“下”，并在工具→選項(xiàng)→內(nèi)容中把啟動(dòng)javript的√選上。那么當(dāng)你用firefox打開(kāi)含有js的html網(wǎng)頁(yè)時(shí)，當(dāng)js出現(xiàn)語(yǔ)法錯(cuò)誤了，F(xiàn)irebug的小蟲(chóng)子就會(huì)有提示，打開(kāi)調(diào)試面板，點(diǎn)“腳本”就可以設(shè)置斷點(diǎn)之類(lèi)的調(diào)試操作了，“控制臺(tái)”中是出現(xiàn)錯(cuò)誤的所有js語(yǔ)句。118.js的基本語(yǔ)法：js的語(yǔ)法基本上也就是java的語(yǔ)法，但它的語(yǔ)法比java更簡(jiǎn)單些，或者說(shuō)要求更低一些，這里說(shuō)一下js語(yǔ)法與java語(yǔ)法的微小差別。①

13、js對(duì)變量的要求不高，是一門(mén)弱變量類(lèi)型的語(yǔ)言，不是沒(méi)有變量類(lèi)型，而是所有變量類(lèi)型都用var表示，如vari=5；varstr=”你好”varislive=false等，但是忽略掉var不寫(xiě)也是可以的，但是不推薦這樣做，比如你可以i=5str=“你好”islive=false，因?yàn)閖s會(huì)自己根據(jù)變量值來(lái)判斷變量類(lèi)型，但這種做法不推薦，比較規(guī)范的做法是使用var來(lái)修飾變量，先定義變量再初始化，或者同時(shí)定義與初始化。js中定義浮點(diǎn)類(lèi)型的時(shí)候可

14、以寫(xiě)成varf=.123和varf=0.123是一樣的。小數(shù)也是直接賦值給變量就行了，解析器會(huì)自行判斷。聲明變量的時(shí)候我們常常會(huì)這樣寫(xiě)varabc這樣就一次性聲明了abc三個(gè)變量，然后下面可以挨個(gè)給他們賦值，這種寫(xiě)法和java一樣。其實(shí)最常用的變量聲明方式是直接聲明變量，然后賦值，如vara=1vars=“HelloWld“或者比較怪異的是vara=b=c=123聲明多個(gè)變量的同時(shí)賦值?；蛘哌@樣寫(xiě)vara=1b=2都是沒(méi)問(wèn)題的，方式非常

15、靈活。javript的Number類(lèi)型。其實(shí)就是在javript中所有的數(shù)值的類(lèi)型都?xì)w類(lèi)于Number類(lèi)型。這個(gè)Number類(lèi)型沒(méi)有像java一樣很詳細(xì)的將哪部分?jǐn)?shù)字歸類(lèi)于那種具體的類(lèi)型，它僅僅有一個(gè)最大的范圍和最小的范圍。如我們輸出alert(Math.pow(20002000))得到infinity，無(wú)窮大的意思，也就是超過(guò)了Number類(lèi)型的最大數(shù)值范圍。其實(shí)用Number的一些常量可以得到Number的最大范圍以及最小范圍，al

16、ert(Number.MAX_VALUE)得到1.7976931348623157e308，也就是最大的正數(shù)。而alert(Number.MIN_VALUE)得到的則是5e324，最小的負(fù)數(shù)。alert(Number.POSITIVE_INFINITY)得到infinity，而alert(Number.NEGATIVE_INFINITY)得到infinity，這幾個(gè)常量在實(shí)際使用中不知有什么意義。怎樣判斷一個(gè)數(shù)是無(wú)窮大，還是有窮大呢，用

17、isFinite()方法js中Undefined的意思是變量的值沒(méi)有定義，比如說(shuō)你定義了一個(gè)變量vara然后你直接打印a，得到的就是Undefined，表示變量值未定義。但是就算是這樣，它也是合法的輸出，你可以理解為這個(gè)變量的值就是Undefined（注意Undefined也是一種數(shù)據(jù)類(lèi)型，這種數(shù)據(jù)類(lèi)型只有一個(gè)值，就是undefined）。另外一種出現(xiàn)Undefined的情況是你的變量都沒(méi)有定義時(shí)，就對(duì)該變量進(jìn)行打印，比如你直接aler