Javascript專(zhuān)業(yè)課件-第5課_第1頁(yè)
Javascript專(zhuān)業(yè)課件-第5課_第2頁(yè)
Javascript專(zhuān)業(yè)課件-第5課_第3頁(yè)
Javascript專(zhuān)業(yè)課件-第5課_第4頁(yè)
Javascript專(zhuān)業(yè)課件-第5課_第5頁(yè)
已閱讀5頁(yè)，還剩32頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

Web編程根底第五章JavaScript根底上章回憶掌握在網(wǎng)頁(yè)中使用CSS的方法熟悉CSS的不同選擇器的使用方法熟悉CSS樣式運(yùn)用我們的目標(biāo)理解JavaScript編程了解如何向HTML頁(yè)添加JavaScript代碼理解JavaScript的數(shù)據(jù)類(lèi)型理解JavaScript中的運(yùn)算符掌握J(rèn)avaScript的流程控制5.1什么是JavaScriptJavaScript是一種基于對(duì)象的腳本語(yǔ)言，用于開(kāi)發(fā)基于客戶(hù)端和基于效勞器的Internet應(yīng)用程序可用于創(chuàng)立客戶(hù)端腳本和效勞器端腳本由SunMicrosystems和Netscape開(kāi)發(fā)，是從Netscapes的Livescript開(kāi)展而來(lái)的5.1.1Javascript的特點(diǎn)簡(jiǎn)單性平安性動(dòng)態(tài)性跨平臺(tái)性5.2JavaScript的作用和根本語(yǔ)法規(guī)那么使用JavaScript的各種功能，可以增強(qiáng)站點(diǎn)的動(dòng)態(tài)性和交互性提供用戶(hù)交互動(dòng)態(tài)更改內(nèi)容驗(yàn)證數(shù)據(jù)與其他任何語(yǔ)言一樣，JavaScript也遵循一些根本的語(yǔ)法規(guī)那么，如：區(qū)分大小寫(xiě)使用成對(duì)的符號(hào)使用空格使用注釋5.3JavaScript運(yùn)行時(shí)環(huán)境運(yùn)行時(shí)環(huán)境客戶(hù)端腳本在客戶(hù)端瀏覽器中運(yùn)行效勞器腳本在Web效勞器上運(yùn)行5.4JavaScript作為客戶(hù)端程序嵌入網(wǎng)頁(yè)使用Script標(biāo)記使用外部文件在事件處理程序中使用JavaScript5.4.1使用Script標(biāo)記例如<html><head><script><!--對(duì)較早的瀏覽器隱藏腳本document.write("歡送使用JavaScript");//--></script></head><body><p>祝學(xué)有所成!!!</p></body></html>5.4.2使用外部文件例如demo.htm<html><head><scriptsrc="test.js"></script></head><body><p>祝學(xué)有所成!!!</body></html>test.jsdocument.write("嗨！你好嗎？");5.4.3在事件處理程序中使用JavaScript例如<html><head><title>JavaScript例如</title></head><body><form><inputtype="button"value="你好"onClick="alert('你好！！');"></form></body></html>5.5JavaScript數(shù)據(jù)類(lèi)型JavaScript僅有一種稱(chēng)為變體的數(shù)據(jù)類(lèi)型。變體是一種特殊數(shù)據(jù)類(lèi)型，可以保存不同類(lèi)型的數(shù)據(jù)信息JavaScript會(huì)根據(jù)不同的應(yīng)用環(huán)境而將不同地方的數(shù)據(jù)區(qū)別對(duì)待，在數(shù)字上下文中把它當(dāng)作數(shù)字處理，在字符串上下文中，當(dāng)作字符串處理。如果將一個(gè)不可轉(zhuǎn)化為數(shù)字的字符串當(dāng)作數(shù)字用時(shí)，就會(huì)出錯(cuò)5.5.1JavaScript變體支持的數(shù)據(jù)類(lèi)型在JavaScript中變體支持四種根本類(lèi)型根本類(lèi)型屬于弱類(lèi)型數(shù)據(jù)類(lèi)型描述數(shù)字型(Number)整數(shù)或?qū)崝?shù)邏輯型或布爾型(Boolean)true或false字符串型(String)如“HelloWorld”，“123.4”空型(null)表示空值的特殊關(guān)鍵字特殊字符 以\表示5.6JavaScript變量什么是變量所存值可以改變的量叫變量在JavaScript中，變量始終屬于變體這一根本的數(shù)據(jù)類(lèi)型變量的作用域全局的 在所在的腳本中可用的變量局部的在所在的子過(guò)程或函數(shù)內(nèi)可以訪問(wèn)的變量局部變量的實(shí)際作用域與其聲明的位置有關(guān)5.6.1JavaScript變量的聲明聲明變量在腳本中，可以使用var語(yǔ)句顯式地聲明變量。例如：varText;通過(guò)用逗號(hào)分隔每個(gè)變量名稱(chēng)，可以聲明多個(gè)變量。例如：varTop,Bottom,Left,Right;5.6.2JavaScript變量的命名命名規(guī)那么在JavaScript中，變量名要遵循以下標(biāo)準(zhǔn)命名規(guī)那么：必須以字母或下劃線(_)或$開(kāi)始，隨后可用字母、數(shù)字、下劃線不能包含句點(diǎn)，不能超過(guò)255個(gè)字符不能使用保存關(guān)鍵字在其所聲明的作用范圍中必須是唯一的給變量賦值變量名=表達(dá)式變量存在的時(shí)間是其生存期5.7運(yùn)算符算術(shù)運(yùn)算符比較運(yùn)算符邏輯運(yùn)算符字符串運(yùn)算符求值運(yùn)算符賦值運(yùn)算符5.7.1算術(shù)運(yùn)算符運(yùn)算符說(shuō)明示例+如果操作數(shù)都是數(shù)字時(shí)執(zhí)行加法運(yùn)算，如果其中的操作數(shù)有字符串時(shí)，會(huì)執(zhí)行連接字符串的作用A=5+8//結(jié)果是13A="5"+8//結(jié)果是"58"-減法A=8–5*乘法A=8*5/除法(不是整除)A=20/5%取余-相除之后的余數(shù)10%3=1++一元遞增。此運(yùn)算符只計(jì)算一個(gè)操作數(shù)，將操作數(shù)的值加1。返回的值取決于++運(yùn)算符是位于操作數(shù)之前還是位于操作數(shù)之后。++x返回遞增后的x值x++返回遞增前的x值--一元遞減。此運(yùn)算符只計(jì)算一個(gè)操作數(shù)。返回的值取決于--運(yùn)算符是位于操作數(shù)之前還是位于操作數(shù)之后--x返回遞減后的x值x--返回遞減前的x值-一元求反。此運(yùn)算符返回操作數(shù)的相反數(shù)如果a等于5，則-a=-55.7.2比較運(yùn)算符運(yùn)算符說(shuō)明示例==等于。如果兩個(gè)操作數(shù)相等，則返回Truea==b!=不等于。如果兩個(gè)操作數(shù)不等，則返回TrueVar2!=5>大于。如果左操作數(shù)大于右操作數(shù)，則返回TrueVar1>var2>=大于或等于。如果左操作數(shù)大于或等于右操作數(shù)，則返回TrueVar1>=5Var1>=var2<小于。如果左操作數(shù)小于右操作數(shù)，則返回TrueVar2<var1<=小于或等于。如果左操作數(shù)小于或等于右操作數(shù)，則返TrueVar2<=4Var2<=var15.7.3邏輯運(yùn)算符運(yùn)算符例子說(shuō)明And(&&)expr1&&expr2邏輯與Or(||)expr1||expr2邏輯或Not(!)!expr邏輯非5.7.4字符串運(yùn)算符x="yellow";y="green";z=x+y+"white";那么z為yellowgreenwhitew=y+9;那么w為green95.7.5求值運(yùn)算符通常這些運(yùn)算符包括：條件運(yùn)算符：(condition)?trueVal:falseValtypeof運(yùn)算符typeof運(yùn)算符返回字符串，該字符串代表操作數(shù)的類(lèi)型varx=5;document.write(typeof(x));status=(age>=18)?"adult":"minor"5.7.6賦值運(yùn)算符賦值運(yùn)算符：=varx=10;5.8表達(dá)式表達(dá)式用于在不同上下文中操作和計(jì)算變量表達(dá)式是任意一組有效的文字、變量和運(yùn)算符，其計(jì)算結(jié)果為一個(gè)值表達(dá)式類(lèi)型算術(shù) 計(jì)算結(jié)果為一個(gè)數(shù)字邏輯 計(jì)算結(jié)果為一個(gè)布爾值字符串 計(jì)算結(jié)果為一個(gè)字符串賦值 表達(dá)式通過(guò)運(yùn)算符組合變量和文字5.9JavaScript

選擇結(jié)構(gòu)有選擇地執(zhí)行局部代碼JavaScript支持下面的選擇結(jié)構(gòu)單分支條件結(jié)構(gòu)雙分支條件結(jié)構(gòu)多分支條件結(jié)構(gòu)if 嵌套switch 結(jié)構(gòu)5.9.1單分支條件結(jié)構(gòu)條件成立執(zhí)行指定代碼，不成立那么跳過(guò)這些代碼代碼單為單語(yǔ)句if(條件)語(yǔ)句;代碼多于一句if(條件){代碼}5.9.2雙分支條件結(jié)構(gòu)條件成立執(zhí)行一組代碼，不成立那么執(zhí)行另一組代碼if(條件){ //條件成立時(shí)執(zhí)行的代碼}else{ //條件不成立時(shí)執(zhí)行的代碼}5.9.3多分支條件結(jié)構(gòu)之if嵌套條件成立執(zhí)行一組代碼，不成立那么執(zhí)行另一組if判斷if(條件1){//條件1成立時(shí)執(zhí)行的代碼}elseif(條件2){//條件2成立時(shí)執(zhí)行的代碼}……elseif(條件n){//條件n成立時(shí)執(zhí)行的代碼}else{//所有條件都不成立時(shí)執(zhí)行的代碼}5.9.4多分支條件結(jié)構(gòu)之switch結(jié)構(gòu)語(yǔ)法switch(表達(dá)式){ case值: //表達(dá)式與當(dāng)前值匹配時(shí)要執(zhí)行的語(yǔ)句 break; case值: //表達(dá)式與當(dāng)前值匹配時(shí)要執(zhí)行的語(yǔ)句 break; ...... default: //其他情況時(shí)要執(zhí)行的語(yǔ)句 break;}5.10循環(huán)結(jié)構(gòu)允許代碼重復(fù)執(zhí)行JavaScript支持如下循環(huán)結(jié)構(gòu):計(jì)數(shù)循環(huán)：for(;;)條件循環(huán)：whiledo…while元素循環(huán)：for(in)5.10.1計(jì)數(shù)循環(huán)在給定循環(huán)次數(shù)下重復(fù)執(zhí)行循環(huán)內(nèi)部的代碼當(dāng)知道確切循環(huán)次數(shù)之后運(yùn)行起來(lái)是很方便的for(始初聲明;終止條件;每次變化){ //循環(huán)語(yǔ)句}5.10.2條件循環(huán)whileJavaScript為那些習(xí)慣使用while語(yǔ)句的人員提供了此語(yǔ)句該循環(huán)當(dāng)條件為true時(shí)執(zhí)行while(條件){ //循環(huán)語(yǔ)句}5.10.3do循環(huán)之當(dāng)循環(huán)當(dāng)條件為true時(shí)重復(fù)執(zhí)行語(yǔ)句在do語(yǔ)句中使用While關(guān)鍵字可以在循環(huán)至少執(zhí)行一次以后檢查條件。其語(yǔ)法為：

do{ //循環(huán)語(yǔ)句}while(條件);5.10.4元素結(jié)構(gòu)—for(in)循環(huán)for(in)循環(huán)用于通過(guò)集合或數(shù)組來(lái)循環(huán)語(yǔ)法for(元素in集合){ //循環(huán)語(yǔ)句}5.11函數(shù)Function函數(shù)名稱(chēng)〔參數(shù)名稱(chēng)1，參數(shù)名稱(chēng)2，參數(shù)名稱(chēng)n〕{ //代碼; }本章小結(jié)(一)JavaScript是一種腳本語(yǔ)言，使用它可以創(chuàng)立客戶(hù)端腳本和效勞器端腳本。JavaScript可以使網(wǎng)頁(yè)開(kāi)發(fā)人員設(shè)計(jì)出動(dòng)態(tài)性更強(qiáng)及用戶(hù)交互能力更強(qiáng)的網(wǎng)頁(yè)。通過(guò)使用JavaScript的特殊效果，可以增強(qiáng)站點(diǎn)的吸引力和交互性。JavaScript可用于提供用戶(hù)交互、動(dòng)態(tài)更改內(nèi)容、數(shù)據(jù)驗(yàn)證等功能?？梢允褂貌煌姆椒▽avaScript語(yǔ)句插入到HTML文檔中，如使用SCRIPT標(biāo)記、將JavaScript鏈接到源文件等。變量的作用域由腳本中聲明變量的位置決定。JavaScript支持的根本數(shù)據(jù)類(lèi)型有數(shù)字型〔Number〕

溫馨提示

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

評(píng)論

0/150

提交評(píng)論