JS基礎(chǔ)知識(shí)及應(yīng)用

1、SINYEEJS基礎(chǔ)知識(shí)及應(yīng)用基礎(chǔ)知識(shí)及應(yīng)用國(guó)際軟件工程師培訓(xùn)學(xué)校國(guó)際軟件工程師培訓(xùn)學(xué)校什么是 JavaScript？ v JavaScript 被設(shè)計(jì)用來向 HTML 頁(yè)面添加交互行為。v JavaScript 是一種腳本語(yǔ)言（腳本語(yǔ)言是一種輕量級(jí)的編程語(yǔ)言）。v JavaScript 由數(shù)行可執(zhí)行計(jì)算機(jī)代碼組成。v JavaScript 通常被直接嵌入 HTML 頁(yè)面。v JavaScript 是一種編譯語(yǔ)言（就是說，代碼執(zhí)行不進(jìn)行預(yù)編譯）。v 所有的人無需購(gòu)買許可證均可使用 JavaScript。 JavaScript 能做什么？ vJavaScript 為 HTML 設(shè)計(jì)師提供了一種編

2、程工具 vJavaScript 可以將動(dòng)態(tài)的文本放入 HTML 頁(yè)面 vJavaScript 可以對(duì)事件作出響應(yīng) vJavaScript 可以讀寫 HTML 元素 vJavaScript 可被用來驗(yàn)證數(shù)據(jù)vJavaScript 可被用來檢測(cè)訪問者的瀏覽器 vJavaScript 可被用來創(chuàng)建 cookies 如何實(shí)現(xiàn)如何實(shí)現(xiàn)JavaScript?v HTML 的 標(biāo)簽用于把 JavaScript 插入 HTML 頁(yè)面當(dāng)中。 document.write(Hello World!); 把把JavaScript放置在何處放置在何處?v 位于 head 部分的腳本： . v 位于位于 body 部分

3、的腳本：部分的腳本： . v 使用外部 JavaScript ： . 注：當(dāng)頁(yè)面載入時(shí)，會(huì)執(zhí)行位于 body 部分的JavaScript。 當(dāng)被調(diào)用時(shí)，位于 head 部分的 JavaScript 才會(huì)被執(zhí)行。JavaScript 語(yǔ)句 v JavaScript 是由瀏覽器執(zhí)行的語(yǔ)句序列。v JS 語(yǔ)句是發(fā)給瀏覽器的命令。這些命令的作用是告訴瀏覽器要做的事情。 v 這個(gè) JS 語(yǔ)句告訴瀏覽器向網(wǎng)頁(yè)輸出 “Hello world”：document.write(Hello world); v JS 代碼 JS代碼是 JS語(yǔ)句的序列。 document.write(This is a header

4、); v JS代碼塊JS可以分批地組合起來,代碼塊以左花括號(hào)開始，以右花括號(hào)結(jié)束。 document.write(This is a header); JavaScript 注釋 v JavaScript 注釋可用于增強(qiáng)代碼的可讀性。v 單行注釋以 / 開始。 / 這行代碼輸出標(biāo)題： document.write(This is a header); / 這行代碼輸出段落： document.write(This is a paragraph); v 多行注釋以 /* 開頭，以 */ 結(jié)尾。 /* 下面的代碼將輸出 一個(gè)標(biāo)題和兩個(gè)段落 */ document.write(This is a h

5、eader); document.write(This is a paragraph); JavaScript 變量變量 v 變量是用于存儲(chǔ)信息的容器x = 5;y = 6;v JavaScript 變量名稱的規(guī)則. 變量對(duì)大小寫敏感（y 和 Y 是兩個(gè)不同的變量）. 變量必須以字母或下劃線字母或下劃線開始 v 聲明（創(chuàng)建） JavaScript 變量您可以通過 var 語(yǔ)句來聲明 JavaScript 變量：var x = 5; var carname = “北京現(xiàn)代”; 注：注：在為變量賦文本值時(shí)，請(qǐng)為該值加引號(hào)。在為變量賦文本值時(shí)，請(qǐng)為該值加引號(hào)。 JavaScript 運(yùn)算符 v 運(yùn)算

6、符 = 用于賦值。v 運(yùn)算符 + 用于加值。如：var x; var y; var z;y=5; z=2; x=y+z; 在以上語(yǔ)句執(zhí)行后，x 的值是 。y=“5”;z=“2”;x=y+z;在以上語(yǔ)句執(zhí)行后，x 的值是 。JavaScript 算術(shù)運(yùn)算符 給定 y=5，下面的表格解釋了這些算術(shù)運(yùn)算符： JavaScript 賦值運(yùn)算符 給定 x=10 和 y=5，下面的表格解釋了賦值運(yùn)算符：JavaScript 比較運(yùn)算符 給定 x=5，下面的表格解釋了比較運(yùn)算符：JavaScript 邏輯運(yùn)算符 給定 x=6 以及 y = 3，下面的表格解釋了邏輯運(yùn)算符：JavaScript 條件運(yùn)算符 v

7、 JavaScript 還包含了基于某些條件對(duì)變量進(jìn)行賦值的條件運(yùn)算符。v 語(yǔ)法：variablename=(condition)?value1:value2 例如：y = (X 5) ? true : false;JavaScript if.else 語(yǔ)句 v if 語(yǔ)句 if (條件) 條件成立時(shí)執(zhí)行代碼 v if.else 語(yǔ)句 if (條件) 條件成立時(shí)執(zhí)行此代碼 else 條件不成立時(shí)執(zhí)行此代碼 v if.else if.else 語(yǔ)句if (條件1) 條件1成立時(shí)執(zhí)行代碼 else if (條件2) 條件2成立時(shí)執(zhí)行代碼 else 條件1和條件2均不成立時(shí)執(zhí)行代碼 注：注：請(qǐng)使用雙

8、等號(hào)請(qǐng)使用雙等號(hào) (=) 來來比較變量！變量！ JavaScript switch 語(yǔ)句 v 如果希望選擇執(zhí)行若干代碼塊中的一個(gè)，你可以使用 switch 語(yǔ)句：switch(n) case 1: 執(zhí)行代碼塊 1 break case 2: 執(zhí)行代碼塊 2 break default: 如果n即不是1也不是2，則執(zhí)行此代碼 JavaScript 消息框 v 警告框 alert(文本) ;當(dāng)警告框出現(xiàn)后用戶需要點(diǎn)擊確定按鈕才能繼續(xù)進(jìn)行操作。 v 確認(rèn)框 confirm(文本) ;如果用戶點(diǎn)擊確認(rèn)，那么返回值為 true。如果用戶點(diǎn)擊取消，那么返回值為 false v 提示框 prompt(文本,

9、默認(rèn)值) ;如果用戶點(diǎn)擊確認(rèn)，那么返回值為輸入的值。如果用戶點(diǎn)擊取消，那么返回值為 null JavaScript 函數(shù) v 函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。v 如何定義函數(shù) function 函數(shù)名(var1,var2,.,varX) 代碼 注：注：無參數(shù)的函數(shù)必須在其函數(shù)名后加括號(hào)。v return 語(yǔ)句 return 語(yǔ)句用來規(guī)定從函數(shù)返回的值。function prod(a,b) x=a*b ；return x JavaScript For循環(huán) v JavaScript 中的循環(huán)用來將同一段代碼執(zhí)行指定的次數(shù)v 語(yǔ)法:for (變量=開始值;變量=結(jié)束值;變

10、量=變量+步進(jìn)值) 需執(zhí)行的代碼 例如： var i=0 for (i=0;i=10;i+) document.write(The number is + i) document.write() JavaScript While循環(huán) v while 循環(huán)用于在指定條件為 true 時(shí)循環(huán)執(zhí)行代碼。while (變量=結(jié)束值) 需執(zhí)行的代碼 vdo.while 循環(huán)do 需執(zhí)行的代碼 while (變量=結(jié)束值) 區(qū)別：區(qū)別：dowhile至少執(zhí)行一次。至少執(zhí)行一次。JavaScript Break 和 Continue v Break使用 break 語(yǔ)句來終止循環(huán) vContinue 使用

11、continue 語(yǔ)句來終止當(dāng)前的循環(huán)，然后從下一個(gè)值繼續(xù)執(zhí)行。 var i=0 for (i=0;i=10;i+) if (i=3)break document.write(The number is + i) document.write() JavaScript 獲取html元素vgetElementById()vgetElementsByName()vgetElementsByTagName()查看例子JavaScript 事件v 事件是可以被 JavaScript 偵測(cè)到的行為。v onload 和 onUnloadv onFocus, onBlur 和 onChangev onSu

12、bmitv onMouseOver 和 onMouseOut 查看例子JavaScript trycatchv try.catch 的作用是測(cè)試代碼中的錯(cuò)誤.v 有兩種在網(wǎng)頁(yè)中捕獲錯(cuò)誤的方法：1.使用 try.catch 語(yǔ)句 2.使用 onerror 事件 v try.catch 語(yǔ)句try /在此運(yùn)行代碼 catch(err) /在此處理錯(cuò)誤 v onerror 事件只要頁(yè)面中出現(xiàn)腳步錯(cuò)誤，就會(huì)產(chǎn)生 onerror 事件。 onerror=handleErrfunction handleErr(msg,url,l) /Handle the error here return true or

13、 false 查看例子:1 JavaScript throw 聲明v throw 聲明的作用是創(chuàng)建 exception。v 語(yǔ)法：throw(exception) exception 可以是字符串、整數(shù)、邏輯值或者對(duì)象。v throw 聲明的作用是創(chuàng)建 exception（異常）。你可以把這個(gè)聲明與 try.catch 聲明配合使用，以達(dá)到控制程序流并產(chǎn)生精確錯(cuò)誤消息的目的。請(qǐng)查看例子 JavaScript 特殊字符你可以在你可以在 JavaScript 中使用反斜杠來向文本字符串添加特殊字符。中使用反斜杠來向文本字符串添加特殊字符。JavaScript 字符串對(duì)象 v 計(jì)算字符串的長(zhǎng)度(xx

14、x.length)v toUpperCase() 方法v Match() 方法v indexOf() 方法方法查看例子JavaScript 日期對(duì)象 v new Date()方法返回當(dāng)日的日期v getTime() 方法計(jì)算從 1970 年到今天有多少年 v setFullYear() 方法得到精確的日期,有三個(gè)參數(shù)(年，月，日)v toUTCString() 方法當(dāng)日的日期（根據(jù) UTC）轉(zhuǎn)換為字符串 v getDay() 方法顯示星期,是數(shù)字v 當(dāng)前時(shí)間加N天var myDate=new Date() myDate.setDate(myDate.getDate()+N) 查看例子JavaScript 數(shù)組(Array)對(duì)象 v 數(shù)組對(duì)象的作用是：使用單獨(dú)的變量名來存儲(chǔ)一系列的值。v 定義數(shù)組 var myArray=new Array() v 第一種:Var myArray = new Array();myArray0 = “Java”;myArray1 = “Javascript”;第二種：Var myArray = new Array(“java”,”javascript”);JavaScript 瀏覽器檢測(cè) v JavaScript Navigator 對(duì)象包含了有關(guān)訪問者瀏