Chapter1JavaScript語法基礎(chǔ)(Lesson2).ppt

JavaScript 程序設(shè)計(jì),第一章 JavaScript 語法基礎(chǔ) Lesson 2,主講老師：王濤 QQ：164030235,2,回顧,什么是 JavaScript 如何將 JavaScript 嵌入到 HTML 中 變量如何定義 JS的注釋語句如何寫？,3,本節(jié)目標(biāo),理解常量、數(shù)據(jù)類型和運(yùn)算符 掌握類型轉(zhuǎn)換函數(shù)的應(yīng)用 能夠使用連接符號(hào)+的應(yīng)用,4,常量,整型 浮點(diǎn)型 字符串型,和C語言一樣，js也有轉(zhuǎn)義字符，常用的就是： “ n ”,5,數(shù)據(jù)類型,6, var x=100; var y; var z; document.write(“競(jìng)拍SONY數(shù)碼相機(jī) 600萬像素“ +x+“$起價(jià)“); y=prompt(“加多少銀子？“,“1“); z=x+y; alert(“您最終的出價(jià)n“+z+“$“); /”n”用于換行顯示 ,Prompt函數(shù)返回輸入的字符串,“+”號(hào)的用法-1,10020 ? bug,+字符串相連：100+”200”,200,類型轉(zhuǎn)換,parseInt (String) 將字符串轉(zhuǎn)換為整型數(shù)字 如: parseInt (“86”)將字符串“86”轉(zhuǎn)換為整型值86 parseFloat(String) 將字符串轉(zhuǎn)換為浮點(diǎn)型數(shù)字 如: parseFloat (“34.45”)將字符串“34.45”轉(zhuǎn)換為浮點(diǎn)值34.45 無參函數(shù)定義 function name() js statement ,8, var x=100; var y; var z; document.write(“競(jìng)拍SONY數(shù)碼相機(jī) 600萬像素“ +x+“$起價(jià)“); y=prompt(“加多少銀子？“,“1“); z=x+parseFloat( y ); alert(“您最終的出價(jià)n“+z+“$“); /”n”用于換行顯示 ,parseFloat( )函數(shù)將字符串轉(zhuǎn)換為float數(shù)據(jù) parseInt( )函數(shù)將字符串轉(zhuǎn)換為int數(shù)據(jù) 如果轉(zhuǎn)換失敗，返回NaN值(not a number),“+”號(hào)的用法-2,9,運(yùn)算符,運(yùn)算符對(duì)一個(gè)或多個(gè)變量或值（操作數(shù)）進(jìn)行運(yùn)算，并返 回一個(gè)新值 根據(jù)所執(zhí)行的運(yùn)算，運(yùn)算符可分為以下類別： 算術(shù)運(yùn)算符 比較運(yùn)算符 邏輯運(yùn)算符,10,運(yùn)算符,11,算術(shù)運(yùn)算符-1,實(shí)現(xiàn)步驟： 1.使用DreamWeaver設(shè)計(jì)頁(yè)面 2.指定各個(gè)文本框的名稱 3.切換為代碼視圖，編寫腳本代碼 4.瀏覽并調(diào)試,12, function calcu( ) var numb1= document.calc.num1.value; var numb2= document.calc.num2.value; var total=parseFloat(numb1)*parseFloat(numb2); document.calc.result.value=total; ,計(jì)算總價(jià)并顯示, ,添加單擊事件，單擊按鈕時(shí)調(diào)用“calcu()” 函數(shù),算術(shù)運(yùn)算符-2,獲取表單中輸入的數(shù)據(jù)： document.表單名.表單元素名.value,定義calcu( )計(jì)算函數(shù),實(shí)現(xiàn)兩個(gè)數(shù)相乘的功能.定義函數(shù)的語法： function 函數(shù)名(參數(shù)列表) /JavaScript語句； ,13,總結(jié),算術(shù)運(yùn)算符用于執(zhí)行變量與/或值之間的算術(shù)運(yùn)算。 賦值運(yùn)算符用于給 JavaScript 變量賦值。 + 運(yùn)算符用于把文本值或字符串變量加起來（連接起來）。 簡(jiǎn)單函數(shù)的應(yīng)用 : parseInt (), pars