第二章-js變量與運(yùn)算符課件

1、js變量與運(yùn)算符變量與運(yùn)算符v教學(xué)目標(biāo)教學(xué)目標(biāo)知識(shí)目標(biāo)知識(shí)目標(biāo)a.了解常量與變量了解常量與變量 b.掌握這是的取名規(guī)則掌握這是的取名規(guī)則c.掌握各種運(yùn)算符的應(yīng)用掌握各種運(yùn)算符的應(yīng)用d.了解常用運(yùn)算符的優(yōu)先級(jí)了解常用運(yùn)算符的優(yōu)先級(jí)js變量與運(yùn)算符變量與運(yùn)算符能力目標(biāo)能力目標(biāo)a.能熟悉掌握js的變量及運(yùn)算符的應(yīng)用情感目標(biāo)情感目標(biāo) （1）培養(yǎng)學(xué)生對(duì)本學(xué)科的學(xué)習(xí)興趣。 （2）培養(yǎng)學(xué)生嚴(yán)謹(jǐn)求實(shí)的工作態(tài)度以及感受美、評(píng)價(jià)美的藝術(shù)情操。 （3）培養(yǎng)學(xué)生在進(jìn)行自主學(xué)習(xí)的過程中勇于克服困難，體驗(yàn)到成功后的快樂。 教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)與難點(diǎn)培養(yǎng)同學(xué)們對(duì)本學(xué)科的學(xué)習(xí)興趣。培養(yǎng)同學(xué)們對(duì)本學(xué)科的學(xué)習(xí)興趣。變量的聲明變

2、量的聲明自加，自減運(yùn)算符自加，自減運(yùn)算符 邏輯運(yùn)算符邏輯運(yùn)算符4聲明變量聲明變量 var a; “var” 用于聲明變量的關(guān)用于聲明變量的關(guān)鍵字鍵字 “a” 變量名變量名 同時(shí)聲明和初始化變量同時(shí)聲明和初始化變量 var a= 10;var a= 10;a = 10;聲明變量聲明變量 聲明多個(gè)變量聲明多個(gè)變量 var xvar x，y y，z = 10;z = 10;賦值賦值變量名取名規(guī)則變量名取名規(guī)則不能用特殊字符，如！,$ ,#,.%等變量名變量名A BC 不能用關(guān)鍵詞作變量名： 如：this var if else等字母，數(shù)字，下劃線等，不能以數(shù)字開頭6聲明變量聲明變量 使用變量var

3、x;x=prompt(淘寶網(wǎng)竟拍，請(qǐng)出一口價(jià),1) ;document.write(拍賣價(jià)格+x+) / +用來連接多個(gè)字符串document.write(恭喜您，您以最高價(jià)拍賣成功！);alert(歡迎下次光臨！);定義變量賦 值輸 出prompt(“提示信息”,”默認(rèn)值”)將彈出提示對(duì)話框，接受用戶的輸入。點(diǎn)擊確定返回輸入的字符串，點(diǎn)擊取消反饋空字符串。7變量 a、b 和 c 只能在其各自的函數(shù)中被訪問 變量的作用域變量的作用域腳本腳本函數(shù)function1局部變量a函數(shù)function2局部變量b函數(shù)function3局部變量c可由函數(shù) 1、函數(shù) 2 和函數(shù) 3 訪問全局變量 gg全局變

4、量不需要以 var 關(guān)鍵字進(jìn)行聲明，但局部變量則必須以此關(guān)鍵字來聲明8浮點(diǎn)型浮點(diǎn)型字面量至少必須含有一個(gè)數(shù)字。此數(shù)字可包含小數(shù)點(diǎn)或采用科學(xué)記數(shù)法表示的數(shù)字?？茖W(xué)記數(shù)法中的整數(shù)可以是正整數(shù)(+) 或負(fù)整數(shù)(-)，指數(shù)(e) 表示“十次冪”。例如 10.24、1.20e+22、4E-8、.1815 等。常量常量整型整型浮點(diǎn)型浮點(diǎn)型字符串型字符串型字字 符符說說 明明示示 例例b退格符alert(“這是第一句 b 這是第二句”)f換頁符alert(“這是第一局 f 這是第二句”)n換行符alert(“這是第一局 n 這是第二句”)r回車符alert(“這是第一局 r 這是第二句”)t制表符 aler

5、t(“這是第一局 t 這是第二句”)和C語言一樣，js也有轉(zhuǎn)義字符，常用的就是： “ n ”9 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)的用法號(hào)的用法-1 10020 ? bug+字符串相連：100+”200”20010 var x=100;var y;var z;document.write(競(jìng)拍SONY數(shù)碼相機(jī) 600萬像素 +x+$起價(jià));y=pro

6、mpt(加多少銀子？,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)的用法號(hào)的用法-211運(yùn)算符運(yùn)算符 v運(yùn)算符對(duì)一個(gè)或多個(gè)變量或值（操作數(shù)）進(jìn)行運(yùn)算，并返 回一個(gè)新值v根據(jù)所執(zhí)行的運(yùn)算，運(yùn)算符可分為以下類別：算術(shù)運(yùn)算符比較運(yùn)算符邏輯運(yùn)算符賦值運(yùn)算符其它運(yùn)算符12算術(shù)運(yùn)算符算術(shù)運(yùn)算符運(yùn)算符說 明示 例+加a = 5 + 8-減a = 8 - 5/除a = 20

7、 / 5*乘a = 5*19%取模兩個(gè)數(shù)相除的余數(shù)10 % 3 = 1+一元自加。該運(yùn)算符帶一個(gè)操作數(shù)，將操作數(shù)的值加 1。返回的值取決于 + 運(yùn)算符位于操作數(shù)的前面或是后面例子將返回 x 自加運(yùn)算后的值。x+ 將返回 x 自加運(yùn)算前的值- -一元自減。該運(yùn)算符只帶一個(gè)操作數(shù)。返回的值取決于 - 運(yùn)算符位于操作數(shù)的前面或是后面-x 將返回 x 自減運(yùn)算后的值。x- 將返回 x 自減運(yùn)算前的值13算術(shù)運(yùn)算符算術(shù)運(yùn)算符-1實(shí)現(xiàn)步驟：1.使用DreamWeaver設(shè)計(jì)頁面2.指定各個(gè)文本框的名稱3.切換為代碼視圖，編寫腳本代碼4.瀏覽并調(diào)試num1num2result14function calcu

8、( )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)算符算術(shù)運(yùn)算符-2獲取表單中輸入的數(shù)據(jù)：document.表單名.表單元素名.value定義calcu( )計(jì)算函數(shù),實(shí)現(xiàn)兩個(gè)數(shù)相乘的功能.定義函數(shù)的語法： function 函數(shù)名(參數(shù)列表) /JavaScript

9、語句； 15比較運(yùn)算符比較運(yùn)算符比較運(yùn)算符 2-1 運(yùn)算符運(yùn)算符說說 明明示示 例例= = 等于。如果兩個(gè)操作數(shù)相等，則返回真。a = = b!=不等于。如果兩個(gè)操作數(shù)不相等，則返回真。Var2 != 5大于。如果左邊的操作數(shù)大于右邊的操作數(shù)，則返回真。Var1 var2小于。如果左邊的操作數(shù)小于右邊的操作數(shù)，則返回真。Var2 var1=小于等于。如果左邊的操作數(shù)小于或等于右邊的操作數(shù)，則返回真。Var2 = 4Var2 =大于等于。如果左邊的操作數(shù)大于或等于右邊的操作數(shù)，則返回真。Var1 = 5Var1 = var216function calcu()var numb1= documen

10、t.calc.num1.value;var numb2= document.calc.num2.value;var total= parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total; if (total500) alert(購買總價(jià)超過500n支付時(shí)將贈(zèng)送超級(jí)Q幣2枚！);.其他代碼略，同上例比較運(yùn)算符比較運(yùn)算符購買總價(jià)超過500，贈(zèng)送超級(jí)Q幣2枚！ 17邏輯邏輯運(yùn)算符運(yùn)算符邏輯運(yùn)算符運(yùn)算符運(yùn)算符值值說說 明明與 ( &)expr1 & expr2只有當(dāng) expr1 和 expr2 同為真時(shí)，

11、才返回真。否則，返回假?；?( | )expr1 | expr2如果其中一個(gè)表達(dá)式為真，或兩個(gè)表達(dá)式同為真，則返回真。否則，返回假。非 (!)!expr如果表達(dá)式為真，則返回假。如果為假，則返回真。18function calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;var total= parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total; if (total500) &(total1000)

12、 &(total2000) alert(購買總價(jià)超過2000n請(qǐng)直接與貴賓臺(tái)聯(lián)系！);.其他代碼略，同上例邏輯運(yùn)算符邏輯運(yùn)算符5001000 之間，贈(zèng)送超級(jí)Q幣兩枚；10002000之間，贈(zèng)送IBM智能鼠標(biāo)一只；2000以上，直接與貴賓臺(tái)聯(lián)系。賦值運(yùn)算符賦值運(yùn)算符v= 如 var a= 10;v+=、-=，*=，/=,%=等等 如 a+=1; 相當(dāng)于 a=a+120其它運(yùn)算符其它運(yùn)算符u三元運(yùn)算符：?: 例子 條件？條件真時(shí) : 條件假時(shí)u點(diǎn)運(yùn)算符.uThisunew現(xiàn)場(chǎng)現(xiàn)場(chǎng)(先自行復(fù)習(xí)所記錄筆記分鐘先自行復(fù)習(xí)所記錄筆記分鐘)培養(yǎng)學(xué)習(xí)方法培養(yǎng)學(xué)習(xí)方法v 一組提問另一組操作（題目限定在本次課所授內(nèi)容，老師只是在學(xué)生不能做的時(shí)候提示，讓學(xué)生自己操作，如果被提問的組不能解決問題，而提問的組能解決，可給提問級(jí)加分）？搶答搶答v1.var i=1;alert(i+);結(jié)果是？A: 1B: 2C: 0D:語句會(huì)出錯(cuò)搶答搶答v2.var a=1,b=2,c=+a+(-b)+