JavaScript基本語(yǔ)法

1、第九章本章目標(biāo) 掌握腳本的基本結(jié)構(gòu) 掌握J(rèn)avaScript的執(zhí)行原理 使用JavaScript實(shí)現(xiàn)偶數(shù)輸出什么是JavaScript?JavaScript 簡(jiǎn)稱(chēng)JS，是一種輕量級(jí)的腳本語(yǔ)言。JavaScript 是可插入 HTML 頁(yè)面的編程代碼。JavaScript 插入 HTML 頁(yè)面后，可由所有的現(xiàn)代瀏覽器執(zhí)行?？捎糜?HTML 和 web，更可廣泛用于服務(wù)器、PC、筆記本電腦、平板電腦和智能手機(jī)等設(shè)備。javascript的作用表單驗(yàn)證減輕服務(wù)器端壓力頁(yè)面動(dòng)態(tài)效果動(dòng)態(tài)改變頁(yè)面內(nèi)容動(dòng)態(tài)刪除圖片輪播表單驗(yàn)證JavaScript與Java這兩種編程語(yǔ)言除了名字開(kāi)頭相同之外，沒(méi)有其它內(nèi)在的關(guān)

2、系。Java是SUN公司推出的面向?qū)ο蟮恼Z(yǔ)言，適合Internet應(yīng)用開(kāi)發(fā)，是一種服務(wù)器端的開(kāi)發(fā)語(yǔ)言。JavaScript是網(wǎng)景公司的產(chǎn)品，是一種瀏覽器腳本語(yǔ)言，由客戶(hù)端瀏覽器解析執(zhí)行。JS的基本結(jié)構(gòu) /HTML內(nèi)容內(nèi)容一般放在一般放在head中中JS的執(zhí)行原理解析HTML標(biāo)簽和JavaScript腳本發(fā)送請(qǐng)求客戶(hù)端請(qǐng)求包含JS的頁(yè)面返回響應(yīng)從服務(wù)器端下載含JS的頁(yè)面瀏覽器輸入瀏覽器輸入輸出Hello World輸出輸出Hello World document.write(Hello World);頁(yè)面主體內(nèi)容頁(yè)面主體內(nèi)容JS的使用方式Html頁(yè)面內(nèi)嵌JS代碼外部JS文件簡(jiǎn)短縮寫(xiě)方式.JS的核

3、心語(yǔ)法核心語(yǔ)法核心語(yǔ)法數(shù)據(jù)類(lèi)型數(shù)據(jù)類(lèi)型變量變量運(yùn)算符號(hào)運(yùn)算符號(hào)控制語(yǔ)句控制語(yǔ)句注釋注釋語(yǔ)法約定語(yǔ)法約定輸入輸入/輸出輸出變量var width; width = 5;先聲明變量再賦值同時(shí)聲明和賦值變量不聲明直接賦值var catName= 皮皮;var x, y, z = 10;width=5;說(shuō)明：var：用于聲明變量的關(guān)鍵字width：變量名JS變量名區(qū)分大小寫(xiě)基本數(shù)據(jù)類(lèi)型基本數(shù)據(jù)類(lèi)型 undefined：變量被聲明后，但未被賦值 string：用單引號(hào)或雙引號(hào)來(lái)聲明的字符串 boolean：true或false number：整數(shù)或浮點(diǎn)數(shù) null：“無(wú)值”或“空對(duì)象”typeoftyp

4、eof用于檢測(cè)變量或值的返回值typeof運(yùn)算符的返回值如下： undefined：這個(gè)變量未賦值 string：這個(gè)變量是字符串 boolean：這個(gè)變量是布爾值 number：這個(gè)變量是數(shù)值 object：這個(gè)變量是對(duì)象或null funciton ：這個(gè)變量是函數(shù)運(yùn)算符號(hào)類(lèi)型運(yùn)算符算術(shù)運(yùn)算符+ - * / % + -賦值運(yùn)算符=比較運(yùn)算符 = = = !=邏輯運(yùn)算符& | !邏輯控制語(yǔ)句 if條件語(yǔ)句 switch多分支語(yǔ)句 for、while循環(huán)語(yǔ)句if(條件) /JavaScript代碼;else /JavaScript代碼;switch (表達(dá)式) case 常量1 : J

5、avaScript語(yǔ)句1; break; case 常量2 : JavaScript語(yǔ)句2; break; . default : JavaScript語(yǔ)句3; for(初始化; 條件; 增量) JavaScript代碼; while(條件) JavaScript代碼;循環(huán)中斷2-1 break跳出當(dāng)前整個(gè)循環(huán)，后面的循環(huán)不再執(zhí)行。 var i=0; for(i=0;i=5;i+) if(i=3) break; document.write(這個(gè)數(shù)字是：+i+); 循環(huán)中斷2-2var i=0; for(i=0;i=5;i+) if(i=3) continue; document.write(

6、這個(gè)數(shù)字是：+i+); continue跳出當(dāng)前的本次循環(huán)（跳過(guò)這一步），根據(jù)控制表達(dá)式還允許繼續(xù)進(jìn)行下一次循環(huán)。alert(歡迎您); /在頁(yè)同上彈出歡迎的提示框/*下面的這些代碼會(huì)輸出一個(gè)標(biāo)題和一個(gè)段落并將代表主頁(yè)的開(kāi)始*/document.getElementById(myH1).innerHTML=Welcome!;單行注釋以 / 開(kāi)始，以行末結(jié)束。多行注釋以 /* 開(kāi)始，以 */ 結(jié)束，符號(hào) /* */ 指示中間的語(yǔ)句是該程序中的注釋。注釋常用的輸入/輸出 alert()alert(提示信息); prompt()prompt(請(qǐng)輸入姓名,);var v = prompt(請(qǐng)輸入姓名,

7、 張三);alert(v);練習(xí)-輸入與輸出 根據(jù)輸入的次數(shù)，多次輸出HelloWorld輸入次數(shù)點(diǎn)擊確定語(yǔ)法規(guī)范2-1 代碼區(qū)分大小寫(xiě) 如：VAL與val是不同的 以var開(kāi)頭，分號(hào)（；）結(jié)尾 未使用var定義的將作為全局變量 考慮到性能，盡量不要使用全局變量語(yǔ)法規(guī)范2-2 定義變量、對(duì)象和函數(shù)的名稱(chēng)時(shí)，不能使用JS保留字JS保留字列表JS未來(lái)保留字列表程序調(diào)試 alert()方法 Firebug工具作業(yè)根據(jù)輸入內(nèi)容，輸出奇數(shù)或偶數(shù)輸入1輸入2總結(jié) JavaScript的基本結(jié)構(gòu)是什么？ JavaScript在頁(yè)面中的應(yīng)用有哪幾種方式？ JavaScript的核心語(yǔ)法有哪些？ 會(huì)使用工具進(jìn)行調(diào)試人有了知識(shí)，就會(huì)具備各種分析能力，明辨是非的能力。所以我們要勤懇讀書(shū)，廣泛閱讀，古人說(shuō)“書(shū)中自有黃金屋?！?/p>