JAVA初中級備課完美版-JavaScript的基本語法課件_第1頁
JAVA初中級備課完美版-JavaScript的基本語法課件_第2頁
JAVA初中級備課完美版-JavaScript的基本語法課件_第3頁
JAVA初中級備課完美版-JavaScript的基本語法課件_第4頁
JAVA初中級備課完美版-JavaScript的基本語法課件_第5頁
已閱讀5頁，還剩23頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第一章

JavaScript的基本語法第一章JavaScript的基本語法本章任務(wù)制作淘寶網(wǎng)購物簡易計(jì)算器頁面本章任務(wù)制作淘寶網(wǎng)購物掌握腳本的基本結(jié)構(gòu)(Script標(biāo)簽)簡單記憶基本語法變量的定義與賦值數(shù)據(jù)類型與轉(zhuǎn)換parseFloat等運(yùn)算符和控制語句同Java靈活運(yùn)用高級語法－自定義函數(shù)function本章目標(biāo)掌握腳本的基本結(jié)構(gòu)(Script標(biāo)簽)本章目標(biāo)回顧HTML-1常用的HTML標(biāo)簽有哪些？標(biāo)簽名稱說明<HTML>界定一個(gè)完整的HTML文檔<HEAD>定義文檔的頭部<TITLE>設(shè)定顯示在瀏覽器左上方的標(biāo)題內(nèi)容<BODY>定義文檔的主體<FONT>定義文字的字體、字號和顏色<P>定義文本的段落<BR>在文本中插入一個(gè)換行<IMG>插入一張圖像<HR>插入一條水平分隔線<A>定義超級鏈接<MARQUEE>實(shí)現(xiàn)頁面中的滾動文字或圖片請說說表格的基本結(jié)構(gòu)以及跨行、跨列的用法？<TABLEborder="1"><TR><TDrowspan=“跨的行數(shù)”> 單元格內(nèi)容</TD><TDcolspan=“跨的列數(shù)”> 單元格內(nèi)容</TD> ……</TR>……</TABLE>回顧HTML-1常用的HTML標(biāo)簽有哪些？標(biāo)簽名稱說明<H回顧HTML-2請簡述表單的基本結(jié)構(gòu)？常用表單元素有哪些？如何使用樣式表定義統(tǒng)一的字體外觀和文本框的細(xì)邊框樣式？表單的基本結(jié)構(gòu)：<FORMaction=“”method=“post”> ……</FORM>常用的表單元素有：文本框（text）、密碼框（password）、單選按鈕（radio）、復(fù)選框（checkbox）、列表框（<select>和<option>）、按鈕（button、submit和reset）、多行文本框（<textarea>）。統(tǒng)一的字體外觀：font-family:“黑體";font-size:18px;color:#FF0000;細(xì)邊框樣式：border-width:1px;border-style:solid;回顧HTML-2請簡述表單的基本結(jié)構(gòu)？常用表單元素有哪些？如為什么要學(xué)JavaScript表單驗(yàn)證頁面動態(tài)效果演示示例2：層的切換和樹形菜單等

演示示例1：注冊表單驗(yàn)證為什么要學(xué)JavaScript表單驗(yàn)證頁面動態(tài)效果演示示例2什么是JavaScript<HTML><HEAD><TITLE>腳本的基本結(jié)構(gòu)</TITLE><SCRIPTlanguage="javascript">varcount=0;document.write("淘寶網(wǎng)歡迎您！");for(i=0;i<5;i++)document.write("<H2>淘寶網(wǎng)歡迎您！</H2>");</SCRIPT></HEAD><BODY><H1>BODY部分的內(nèi)容</H1></BODY></HTML>如何使用JavaScript實(shí)現(xiàn)此部分內(nèi)容？什么是JavaScript<HTML>如何使用JavaScr什么是JavaScript腳本的執(zhí)行原理應(yīng)用服務(wù)器IEIE解析HTML標(biāo)簽和JavaScript腳本從服務(wù)器端下載含JavaScript的頁面返回響應(yīng)客戶端請求含JS的頁面發(fā)送請求1用戶輸入23什么是JavaScript腳本的執(zhí)行原理應(yīng)用IEIE解析HTJavaScript的基本語法<HTML><HEAD><TITLE>腳本的基本結(jié)構(gòu)</TITLE><SCRIPTlanguage="javascript"> varcount=0; document.write("淘寶網(wǎng)歡迎您！"); for(i=0;i<5;i++) document.write("<H2>淘寶網(wǎng)歡迎您！</H2>");</SCRIPT></HEAD><BODY><H1>BODY部分的內(nèi)容</H1></BODY></HTML>大家想想上面JavaScript代碼與我們學(xué)過的Java、C#語言有相似的地方嗎？JavaScript的基本語法<HTML>大家想想上面JavJavaScript的基本語法類型轉(zhuǎn)換注釋控制語句運(yùn)算符號變量基本語法

JavaScript的基本語法類型轉(zhuǎn)換注釋控制語句運(yùn)算符號變變量的聲明和賦值varcount;count=5;定義變量賦值“var”－用于聲明變量的關(guān)鍵字“count”－變量名varx,y,z=10;varcount=10;同時(shí)聲明和賦值變量聲明多個(gè)變量變量的聲明和賦值varcount;count=數(shù)據(jù)類型JS中有五種原始數(shù)據(jù)類型：Undefined、Null、Boolean、Number以及String。Undefined數(shù)據(jù)類型的值只有一個(gè):Undefined。Null數(shù)據(jù)類型的值只有一個(gè)：Null。Boolean數(shù)據(jù)類型的值有兩個(gè)：true和false。Js中沒有char數(shù)據(jù)類型。typeof是一元運(yùn)算符。返回值有五個(gè)：：undefined、null、boolean、number以及string以及object。強(qiáng)制類型轉(zhuǎn)換：Boolean(value),Number(value),String(value).數(shù)據(jù)類型JS中有五種原始數(shù)據(jù)類型：Undefined、Nul運(yùn)算符號運(yùn)算符對一個(gè)或多個(gè)變量或值（操作數(shù)）進(jìn)行運(yùn)算，并返回一個(gè)新值根據(jù)所執(zhí)行的運(yùn)算，運(yùn)算符可分為以下類別：算術(shù)運(yùn)算符

+、-、*、/、%、++、--、-(求反)比較運(yùn)算符 ==、!=、>、>=、<、<=邏輯運(yùn)算符&&、||、！運(yùn)算符號運(yùn)算符對一個(gè)或多個(gè)變量或值（操作數(shù)）進(jìn)行運(yùn)算，并返回邏輯控制語句if條件語句switch多分支語句for、while循環(huán)語句if(條件){//JavaScript代碼;}else{//JavaScript代碼;}switch(表達(dá)式){case常量1: JavaScript語句1; break; case常量2: JavaScript語句2; break; ... default:JavaScript語句3;}for(初始化;條件;增量){語句集;

}while(條件){語句集;}邏輯控制語句if條件語句if(條件)switch(表達(dá)式)注釋單行注釋以//開始，以行末結(jié)束例如：<SCRIPTlanguage=“javascript”>//表示JavaScript代碼的開始多行注釋以/*開始，以*/結(jié)束，符號/*……*/指示中間的語句是該程序中的注釋。例如：/*helloWorld.html2007-9-29第一個(gè)JavaScript程序*/注釋單行注釋以//開始，以行末結(jié)束多行注釋以/*開始類型轉(zhuǎn)換parseInt(String)將字符串轉(zhuǎn)換為整型數(shù)字如:parseInt(“86”)將字符串“86”轉(zhuǎn)換為整型值86parseFloat(String)將字符串轉(zhuǎn)換為浮點(diǎn)型數(shù)字如:parseInt(“34.45”)將字符串“34.45”轉(zhuǎn)換為浮點(diǎn)值34.45類型轉(zhuǎn)換parseInt(String)什么是函數(shù)函數(shù)的含義：類似于Java中的方法，是執(zhí)行特定任務(wù)的語句塊。如何希望點(diǎn)擊某個(gè)按鈕后才顯示“HelloWorld”，并能輸入顯示的次數(shù)，怎么辦？什么是函數(shù)函數(shù)的含義：類似于Java中的方法，是執(zhí)行特定任務(wù)什么是函數(shù)1、在頁面中放置一個(gè)文本框和一個(gè)按鈕，讓用戶輸入次數(shù)后點(diǎn)擊按鈕才顯示2、把循環(huán)顯示的代碼放置到函數(shù)中，當(dāng)點(diǎn)擊按鈕時(shí)，才調(diào)用函數(shù)顯示HelloWorld經(jīng)過分析，該如何解決上面問題？什么是函數(shù)1、在頁面中放置一個(gè)文本框和一個(gè)按鈕，讓用戶輸入次如何使用函數(shù)創(chuàng)建函數(shù)

function函數(shù)名(參數(shù)1,參數(shù)2，…){語句;}調(diào)用函數(shù)函數(shù)調(diào)用一般和表單元素的事件一起使用，調(diào)用格式為：

事件名＝“函數(shù)名”;functionshowHello(){varcount=document.myForm.txtCount.value;for(i=0;i<count;i++)document.write("<H2>HelloWorld</H2>");}<INPUTtype="submit"name="Submit"value="顯示HelloWorld"onClick="showHello()">表示單擊此按鈕時(shí)，調(diào)用函數(shù)showHello()執(zhí)行如何使用函數(shù)創(chuàng)建函數(shù)functionshowHello(深入了解函數(shù)JS中函數(shù)就是對象。沒有方法（函數(shù)）重載的概念。在JS中有一個(gè)Function對象，所有自定義的函數(shù)都是Function對象類型的。Function對象接收的所有參數(shù)都是字符串類型的，其中最后一個(gè)參數(shù)就是要執(zhí)行的函數(shù)，而前面參數(shù)是函數(shù)要接收的參數(shù)。每個(gè)函數(shù)都有一個(gè)隱含的對象arguments，表示給函數(shù)實(shí)際傳遞的參數(shù)。varadd=newFunction(“number”,”alter(number+10);”);Add(20);varadd1=newFunction(“number1”,”number2”,”alter(number1+number2)”);Add1(10+20);深入了解函數(shù)JS中函數(shù)就是對象。沒有方法（函數(shù)）重載的概念。深入了解函數(shù)每一個(gè)函數(shù)對象都有一個(gè)length屬性，表示該函數(shù)期望接收的參數(shù)格式。它與函數(shù)的arguments不同。Arguments.length表示函數(shù)實(shí)際接收的參數(shù)格式。Functionadd2(){if(1==arguments.length){Alert(arguments[0]);}elseif(2==arguments.legth){Alert(arguments[0]+arguments[1]);}}深入了解函數(shù)每一個(gè)函數(shù)對象都有一個(gè)length屬性，表示該函創(chuàng)建對象構(gòu)造函數(shù)定義對象方法名；建立方法的描述函數(shù)。functionmember(name,gender){=name;this.gender=gender;this.display=display;}functiondisplay(){varstr=+”:”+this.gender;Document.writer(str+”<br>”);}varm1=newmember(“zhangsan”,”f”);varm2=newmember(“l(fā)ist”,”f”);varm3=newmember(“wangwu”,m);m1.dispaly();m2.dispaly();m3.dispaly();創(chuàng)建對象構(gòu)造函數(shù)定義對象方法名；functionmembe課堂練習(xí)自定一個(gè)圓的對象。屬性：半徑。方法：計(jì)算圓的面積，和圓的周長的方法課堂練習(xí)自定一個(gè)圓的對象。課堂練習(xí)編寫如左圖所示，具有能對兩個(gè)操作數(shù)進(jìn)行加、減、乘、除運(yùn)算的簡易計(jì)算器。名為myform的表單名為divButton2的普通按鈕名為txtNum1的文本框提示：加、減、乘、除四個(gè)按鈕分別調(diào)用四個(gè)函數(shù)實(shí)現(xiàn)兩個(gè)數(shù)相加、相減、相乘和相除課堂練習(xí)編寫如左圖所示，具有能對兩個(gè)操作數(shù)進(jìn)行加、減、乘、除常見錯誤1<SCRIPTlanguage="javascript">functioncompute(op){x=5;varnum1,num2; num1=parseFloat(document.myform.txtNum1.value); num2=parseFloat(document.myform.txtNum2.value); if(op=="+") document.myform.txtResult.value=num1+num2;if(op=="-") document.myform.txtResult.value=num1-num2;}</SCRIPT>變量可以不聲明而直接賦值。如x=5;不推薦使用，容易出錯。常見錯誤1<SCRIPTlanguage="javasc常見錯誤2<SCRIPTlanguage="javascript">functioncompute(op){varNum1,num2; num1=parseFloat(document.myform.txtNum1.value); num2=parseFloat(document.myform.txtNum2.value); if(op=="+") document.myform.txtResult.value=num1+num2;

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論