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

下載本文檔

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

文檔簡介

Web編程根底第五章JavaScript根底上章回憶掌握在網(wǎng)頁中使用CSS的方法熟悉CSS的不同選擇器的使用方法熟悉CSS樣式運用我們的目標(biāo)理解JavaScript編程了解如何向HTML頁添加JavaScript代碼理解JavaScript的數(shù)據(jù)類型理解JavaScript中的運算符掌握JavaScript的流程控制5.1什么是JavaScriptJavaScript是一種基于對象的腳本語言，用于開發(fā)基于客戶端和基于效勞器的Internet應(yīng)用程序可用于創(chuàng)立客戶端腳本和效勞器端腳本由SunMicrosystems和Netscape開發(fā)，是從Netscapes的Livescript開展而來的5.1.1Javascript的特點簡單性平安性動態(tài)性跨平臺性5.2JavaScript的作用和根本語法規(guī)那么使用JavaScript的各種功能，可以增強站點的動態(tài)性和交互性提供用戶交互動態(tài)更改內(nèi)容驗證數(shù)據(jù)與其他任何語言一樣，JavaScript也遵循一些根本的語法規(guī)那么，如：區(qū)分大小寫使用成對的符號使用空格使用注釋5.3JavaScript運行時環(huán)境運行時環(huán)境客戶端腳本在客戶端瀏覽器中運行效勞器腳本在Web效勞器上運行5.4JavaScript作為客戶端程序嵌入網(wǎng)頁使用Script標(biāo)記使用外部文件在事件處理程序中使用JavaScript5.4.1使用Script標(biāo)記例如<html><head><script><!--對較早的瀏覽器隱藏腳本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ù)類型JavaScript僅有一種稱為變體的數(shù)據(jù)類型。變體是一種特殊數(shù)據(jù)類型，可以保存不同類型的數(shù)據(jù)信息JavaScript會根據(jù)不同的應(yīng)用環(huán)境而將不同地方的數(shù)據(jù)區(qū)別對待，在數(shù)字上下文中把它當(dāng)作數(shù)字處理，在字符串上下文中，當(dāng)作字符串處理。如果將一個不可轉(zhuǎn)化為數(shù)字的字符串當(dāng)作數(shù)字用時，就會出錯5.5.1JavaScript變體支持的數(shù)據(jù)類型在JavaScript中變體支持四種根本類型根本類型屬于弱類型數(shù)據(jù)類型描述數(shù)字型(Number)整數(shù)或?qū)崝?shù)邏輯型或布爾型(Boolean)true或false字符串型(String)如“HelloWorld”，“123.4”空型(null)表示空值的特殊關(guān)鍵字特殊字符 以\表示5.6JavaScript變量什么是變量所存值可以改變的量叫變量在JavaScript中，變量始終屬于變體這一根本的數(shù)據(jù)類型變量的作用域全局的 在所在的腳本中可用的變量局部的在所在的子過程或函數(shù)內(nèi)可以訪問的變量局部變量的實際作用域與其聲明的位置有關(guān)5.6.1JavaScript變量的聲明聲明變量在腳本中，可以使用var語句顯式地聲明變量。例如：varText;通過用逗號分隔每個變量名稱，可以聲明多個變量。例如：varTop,Bottom,Left,Right;5.6.2JavaScript變量的命名命名規(guī)那么在JavaScript中，變量名要遵循以下標(biāo)準(zhǔn)命名規(guī)那么：必須以字母或下劃線(_)或$開始，隨后可用字母、數(shù)字、下劃線不能包含句點，不能超過255個字符不能使用保存關(guān)鍵字在其所聲明的作用范圍中必須是唯一的給變量賦值變量名=表達式變量存在的時間是其生存期5.7運算符算術(shù)運算符比較運算符邏輯運算符字符串運算符求值運算符賦值運算符5.7.1算術(shù)運算符運算符說明示例+如果操作數(shù)都是數(shù)字時執(zhí)行加法運算，如果其中的操作數(shù)有字符串時，會執(zhí)行連接字符串的作用A=5+8//結(jié)果是13A="5"+8//結(jié)果是"58"-減法A=8–5*乘法A=8*5/除法(不是整除)A=20/5%取余-相除之后的余數(shù)10%3=1++一元遞增。此運算符只計算一個操作數(shù)，將操作數(shù)的值加1。返回的值取決于++運算符是位于操作數(shù)之前還是位于操作數(shù)之后。++x返回遞增后的x值x++返回遞增前的x值--一元遞減。此運算符只計算一個操作數(shù)。返回的值取決于--運算符是位于操作數(shù)之前還是位于操作數(shù)之后--x返回遞減后的x值x--返回遞減前的x值-一元求反。此運算符返回操作數(shù)的相反數(shù)如果a等于5，則-a=-55.7.2比較運算符運算符說明示例==等于。如果兩個操作數(shù)相等，則返回Truea==b!=不等于。如果兩個操作數(shù)不等，則返回TrueVar2!=5>大于。如果左操作數(shù)大于右操作數(shù)，則返回TrueVar1>var2>=大于或等于。如果左操作數(shù)大于或等于右操作數(shù)，則返回TrueVar1>=5Var1>=var2<小于。如果左操作數(shù)小于右操作數(shù)，則返回TrueVar2<var1<=小于或等于。如果左操作數(shù)小于或等于右操作數(shù)，則返TrueVar2<=4Var2<=var15.7.3邏輯運算符運算符例子說明And(&&)expr1&&expr2邏輯與Or(||)expr1||expr2邏輯或Not(!)!expr邏輯非5.7.4字符串運算符x="yellow";y="green";z=x+y+"white";那么z為yellowgreenwhitew=y+9;那么w為green95.7.5求值運算符通常這些運算符包括：條件運算符：(condition)?trueVal:falseValtypeof運算符typeof運算符返回字符串，該字符串代表操作數(shù)的類型varx=5;document.write(typeof(x));status=(age>=18)?"adult":"minor"5.7.6賦值運算符賦值運算符：=varx=10;5.8表達式表達式用于在不同上下文中操作和計算變量表達式是任意一組有效的文字、變量和運算符，其計算結(jié)果為一個值表達式類型算術(shù) 計算結(jié)果為一個數(shù)字邏輯 計算結(jié)果為一個布爾值字符串 計算結(jié)果為一個字符串賦值 表達式通過運算符組合變量和文字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í)行指定代碼，不成立那么跳過這些代碼代碼單為單語句if(條件)語句;代碼多于一句if(條件){代碼}5.9.2雙分支條件結(jié)構(gòu)條件成立執(zhí)行一組代碼，不成立那么執(zhí)行另一組代碼if(條件){ //條件成立時執(zhí)行的代碼}else{ //條件不成立時執(zhí)行的代碼}5.9.3多分支條件結(jié)構(gòu)之if嵌套條件成立執(zhí)行一組代碼，不成立那么執(zhí)行另一組if判斷if(條件1){//條件1成立時執(zhí)行的代碼}elseif(條件2){//條件2成立時執(zhí)行的代碼}……elseif(條件n){//條件n成立時執(zhí)行的代碼}else{//所有條件都不成立時執(zhí)行的代碼}5.9.4多分支條件結(jié)構(gòu)之switch結(jié)構(gòu)語法switch(表達式){ case值: //表達式與當(dāng)前值匹配時要執(zhí)行的語句 break; case值: //表達式與當(dāng)前值匹配時要執(zhí)行的語句 break; ...... default: //其他情況時要執(zhí)行的語句 break;}5.10循環(huán)結(jié)構(gòu)允許代碼重復(fù)執(zhí)行JavaScript支持如下循環(huán)結(jié)構(gòu):計數(shù)循環(huán)：for(;;)條件循環(huán)：whiledo…while元素循環(huán)：for(in)5.10.1計數(shù)循環(huán)在給定循環(huán)次數(shù)下重復(fù)執(zhí)行循環(huán)內(nèi)部的代碼當(dāng)知道確切循環(huán)次數(shù)之后運行起來是很方便的for(始初聲明;終止條件;每次變化){ //循環(huán)語句}5.10.2條件循環(huán)whileJavaScript為那些習(xí)慣使用while語句的人員提供了此語句該循環(huán)當(dāng)條件為true時執(zhí)行while(條件){ //循環(huán)語句}5.10.3do循環(huán)之當(dāng)循環(huán)當(dāng)條件為true時重復(fù)執(zhí)行語句在do語句中使用While關(guān)鍵字可以在循環(huán)至少執(zhí)行一次以后檢查條件。其語法為：

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

溫馨提示

  • 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)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論