第二章-js變量與運(yùn)算符課件_第1頁
第二章-js變量與運(yùn)算符課件_第2頁
第二章-js變量與運(yùn)算符課件_第3頁
第二章-js變量與運(yùn)算符課件_第4頁
第二章-js變量與運(yùn)算符課件_第5頁
已閱讀5頁，還剩20頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

js變量與運(yùn)算符教學(xué)目標(biāo)知識(shí)目標(biāo)

a. 了解常量與變量b. 掌握這是的取名規(guī)則 c. 掌握各種運(yùn)算符的應(yīng)用 d. 了解常用運(yùn)算符的優(yōu)先級(jí) js變量與運(yùn)算符教學(xué)目標(biāo)js變量與運(yùn)算符能力目標(biāo)

a. 能熟悉掌握js的變量及運(yùn)算符的應(yīng)用情感目標(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)到成功后的快樂。

js變量與運(yùn)算符能力目標(biāo)教學(xué)重點(diǎn)與難點(diǎn)培養(yǎng)同學(xué)們對(duì)本學(xué)科的學(xué)習(xí)興趣。變量的聲明自加，自減運(yùn)算符

邏輯運(yùn)算符教學(xué)重點(diǎn)與難點(diǎn)培養(yǎng)同學(xué)們對(duì)本學(xué)科的學(xué)習(xí)興趣。變量的聲明自加，4聲明變量vara;

“var”－用于聲明變量的關(guān)鍵字“a”－變量名同時(shí)聲明和初始化變量vara=10;a=10;聲明變量聲明多個(gè)變量varx，y，z=10;賦值4聲明變量vara;同時(shí)聲明變量名取名規(guī)則不能用特殊字符，如！,$,#,.%等變量名A

BC

不能用關(guān)鍵詞作變量名：如：thisvarifelse等字母，數(shù)字，下劃線等，不能以數(shù)字開頭變量名取名規(guī)則不能用特殊字符，如！,$,#,.%等變量名A6聲明變量<HTML><HEAD><TITLE>使用變量</TITLE><SCRIPTLANGUAGE="Javascript">varx;x=prompt("淘寶網(wǎng)竟拍，請(qǐng)出一口價(jià)",1);document.write("拍賣價(jià)格"+x+"<BR>")//"+"用來連接多個(gè)字符串document.write("恭喜您，您以最高價(jià)拍賣成功！");alert("歡迎下次光臨！");</SCRIPT></HEAD></HTML>定義變量賦值輸出prompt(“提示信息”,”默認(rèn)值”)將彈出提示對(duì)話框，接受用戶的輸入。點(diǎn)擊確定返回輸入的字符串，點(diǎn)擊取消反饋空字符串。6聲明變量<HTML>定義變量賦值輸出prompt(“7變量a、b和c只能在其各自的函數(shù)中被訪問變量的作用域腳本函數(shù)function1局部變量a函數(shù)function2局部變量b函數(shù)function3局部變量c可由函數(shù)1、函數(shù)2和函數(shù)3訪問全局變量gg全局變量不需要以var關(guān)鍵字進(jìn)行聲明，但局部變量則必須以此關(guān)鍵字來聲明7變量a、b和c只能變量的作用域腳本函數(shù)functi8浮點(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)型字符串型字符說明示例\b退格符alert(“這是第一句\b這是第二句”)\f換頁符alert(“這是第一局\f這是第二句”)\n換行符alert(“這是第一局\n這是第二句”)\r回車符alert(“這是第一局\r這是第二句”)\t制表符alert(“這是第一局\t這是第二句”)和C語言一樣，js也有轉(zhuǎn)義字符，常用的就是：

“\n”8浮點(diǎn)型－浮點(diǎn)型字面量至少必須含有一個(gè)數(shù)字。此數(shù)字可包含小數(shù)9<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varx=100;vary;varz;document.write("<H2>競拍SONY數(shù)碼相機(jī)600萬像素"+x+"$起價(jià)</H2>");y=prompt("加多少銀子？","1");z=x+y;alert("您最終的出價(jià)\n"+z+"$");//”\n”用于換行顯示</SCRIPT></HEAD><body></body></HTML>Prompt函數(shù)返回輸入的字符串“+”號(hào)的用法-110020

?bug+字符串相連：100+”200”2009<HTML>Prompt函數(shù)返回輸入的字符串“+”號(hào)的用法10<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varx=100;vary;varz;document.write("<H2>競拍SONY數(shù)碼相機(jī)600萬像素"+x+"$起價(jià)</H2>");y=prompt("加多少銀子？","1");z=x+parseFloat(y);alert("您最終的出價(jià)\n"+z+"$");//”\n”用于換行顯示</SCRIPT></HEAD><body></body></HTML>parseFloat()函數(shù)將字符串轉(zhuǎn)換為float數(shù)據(jù)

parseInt()函數(shù)將字符串轉(zhuǎn)換為int數(shù)據(jù)如果轉(zhuǎn)換失敗，返回NaN值(notanumber)“+”號(hào)的用法-210<HTML>parseFloat()函數(shù)將字符串轉(zhuǎn)換11運(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)算符賦值運(yùn)算符其它運(yùn)算符11運(yùn)算符運(yùn)算符對(duì)一個(gè)或多個(gè)變量或值（操作數(shù)）進(jìn)行運(yùn)算，并12算術(shù)運(yùn)算符運(yùn)算符說明示例+加a=5+8-減a=8-5/除a=20/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)算前的值12算術(shù)運(yùn)算符運(yùn)算符說明示例+加a=5+8-減a13算術(shù)運(yùn)算符-1實(shí)現(xiàn)步驟：1.使用DreamWeaver設(shè)計(jì)頁面2.指定各個(gè)文本框的名稱3.切換為代碼視圖，編寫腳本代碼4.瀏覽并調(diào)試num1num2result13算術(shù)運(yùn)算符-1實(shí)現(xiàn)步驟：num1num2result14<HEAD><SCRIPTlanguage="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;}</SCRIPT></HEAD>計(jì)算總價(jià)并顯示…<INPUTname="getAnswer"TYPE="button"onClick="calcu()"value="計(jì)算看看">添加單擊事件，單擊按鈕時(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語句；

}14<HEAD>計(jì)算總價(jià)并顯示…添加單擊事件，單擊按鈕時(shí)調(diào)用15比較運(yùn)算符比較運(yùn)算符2-1運(yùn)算符說明示例==等于。如果兩個(gè)操作數(shù)相等，則返回真。a==b!=不等于。如果兩個(gè)操作數(shù)不相等，則返回真。Var2!=5>大于。如果左邊的操作數(shù)大于右邊的操作數(shù)，則返回真。Var1>var2<小于。如果左邊的操作數(shù)小于右邊的操作數(shù)，則返回真。Var2<var1<=小于等于。如果左邊的操作數(shù)小于或等于右邊的操作數(shù)，則返回真。Var2<=4Var2<=var1>=大于等于。如果左邊的操作數(shù)大于或等于右邊的操作數(shù)，則返回真。Var1>=5Var1>=var215比較運(yùn)算符比較運(yùn)算符2-1運(yùn)算符說明示例==16<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if(total>500)alert("購買總價(jià)超過500\n支付時(shí)將贈(zèng)送超級(jí)Q幣2枚！");}</SCRIPT></HEAD>….其他代碼略，同上例比較運(yùn)算符購買總價(jià)超過500，贈(zèng)送超級(jí)Q幣2枚！16<HTML>比較運(yùn)算符購買總價(jià)超過500，17邏輯運(yùn)算符邏輯運(yùn)算符運(yùn)算符值說明與(&&)expr1&&expr2只有當(dāng)expr1和expr2同為真時(shí)，才返回真。否則，返回假?；?||)expr1||expr2如果其中一個(gè)表達(dá)式為真，或兩個(gè)表達(dá)式同為真，則返回真。否則，返回假。非(!)!expr如果表達(dá)式為真，則返回假。如果為假，則返回真。17邏輯運(yùn)算符邏輯運(yùn)算符運(yùn)算符值說明與(&&)expr18<HEAD><SCRIPTLANGUAGE="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if((total>500)&&(total<=1000))alert("購買總價(jià)超過500\n支付時(shí)將贈(zèng)送超級(jí)Q幣2枚！");if((total>1000)&&(total<=2000))alert("購買總價(jià)超過1000\n支付時(shí)將贈(zèng)送IBM光電智能鼠標(biāo)1只！");if((total>2000))alert("購買總價(jià)超過2000\n請(qǐng)直接與貴賓臺(tái)聯(lián)系！");}</SCRIPT></HEAD>….其他代碼略，同上例邏輯運(yùn)算符500－1000之間，贈(zèng)送超級(jí)Q幣兩枚；1000－2000之間，贈(zèng)送IBM智能鼠標(biāo)一只；2000以上，直接與貴賓臺(tái)聯(lián)系。18<HEAD>邏輯運(yùn)算符500－1000之間，贈(zèng)送超級(jí)Q賦值運(yùn)算符=如vara=10;+=、-=，*=，/=,%=等等

如a+=1;相當(dāng)于a=a+1賦值運(yùn)算符=如vara=10;20其它運(yùn)算符三元運(yùn)算符：?:例子條件？條件真時(shí)

:條件假時(shí)點(diǎn)運(yùn)算符.Thisnew20其它運(yùn)算符三元運(yùn)算符：?:例子現(xiàn)場ＰＫ(先自行復(fù)習(xí)所記錄筆記５分鐘)

＿＿＿培養(yǎng)學(xué)習(xí)方法一組提問另一組操作（題目限定在本次課所授內(nèi)容，老師只是在學(xué)生不能做的時(shí)候提示，讓學(xué)生自己操作，如果被提問的組不能解決問題，而提問的組能解決，可給提問級(jí)加分）？現(xiàn)場ＰＫ(先自行復(fù)習(xí)所記錄筆記５分鐘)

＿＿＿培養(yǎng)學(xué)習(xí)方法一搶答1.vari=1;alert(i++);結(jié)果是？ A:1 B:2 C:0 D:語句會(huì)出錯(cuò)搶答1.vari=1;alert(i++);結(jié)果是？搶答2.vara=1,b=2,c=++a+(--b)+a執(zhí)行后；結(jié)果中哪些說法正確？ A:a的值為2，

溫馨提示

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

評(píng)論

0/150

提交評(píng)論