1、Javascript 預(yù)科教程,網(wǎng)頁(yè)特效也是利用JavaScript代碼， 編程出各種多采的網(wǎng)頁(yè)效果，如滾動(dòng)圖片、 給網(wǎng)頁(yè)加熱鍵、雪花背景、網(wǎng)頁(yè)時(shí)鐘等。,JavaScript是WebGame中常用的腳本語(yǔ)言 現(xiàn)在很多的WebGame都使用到了JavaScript 學(xué)好JavaScript也對(duì)將來(lái)學(xué)習(xí)其它語(yǔ)言有很大幫助,先看看幾個(gè)JavaScript的效果,網(wǎng)頁(yè)特效方面,導(dǎo)航菜單 實(shí)時(shí)柱狀圖 在線編輯器 日期選擇,網(wǎng)頁(yè)游戲方面,星際爭(zhēng)霸 飛行射擊游戲 人物行走地圖 地圖編輯器,JavaScript是由Netscape公司開(kāi)發(fā) 介于Java與HTML之間、基于對(duì)象事件驅(qū)動(dòng)的編程語(yǔ)言， 正日益受到全

2、球的關(guān)注。因它的開(kāi)發(fā)環(huán)境簡(jiǎn)單， 而且直接運(yùn)行在Web瀏覽器中，因而倍受Web設(shè)計(jì)者的所愛(ài) 現(xiàn)在WebGame的興起使JavaScript更加受人關(guān)注,簡(jiǎn)介,JavaScript是種腳本語(yǔ)言，它可以用來(lái)制作與用戶交互作用的復(fù)雜軟件。它是一種基于對(duì)象（Object Based）和事件驅(qū)動(dòng)（Event Driver）的編程語(yǔ)言。因而它本身提供了非常豐富的內(nèi)部對(duì)象供設(shè)計(jì)人員使用。,腳本編寫語(yǔ)言 基于對(duì)象的語(yǔ)言 簡(jiǎn)單性 安全性 動(dòng)態(tài)性 跨平臺(tái)性,1,2,3,4,5,6,JavaScript的代碼從上往下順序執(zhí)行 JavaScript中變量聲明，采用其弱類型。即變量在使用前不需作聲明，而是解釋器在運(yùn)行時(shí)檢

3、查其數(shù)據(jù)類型，如：x=1234;y“4321”;前者說(shuō)明x為其數(shù)值型變量，而后者說(shuō)明y為字符型變量。 也可以使用var=true 定義一個(gè)變量 如: var;,在JavaScript中四種基本的數(shù)據(jù)類型：數(shù)值（整數(shù)和實(shí)數(shù) 100,1.1）、字符串型（用“”號(hào)或括起來(lái)的字符或數(shù)值）、布爾型（使True或False表示）和空值 .,在HTML文檔中，JavaScript使用.來(lái)標(biāo)識(shí), alert(“直接運(yùn)行”) 可以通過(guò)創(chuàng)建函數(shù)的方式供HTML的事件調(diào)用 function test() alert(“歡迎來(lái)到Gamegame”); 在表單的onclick事件中調(diào)用test()函數(shù) ,Javascr

4、ipt 的調(diào)用,onClick單擊事件 onMouseOver鼠標(biāo)進(jìn)入 onMouseOut鼠標(biāo)離開(kāi) onMouseMove鼠標(biāo)移動(dòng) onChange改變事件 onSelect選中事件 onFocus獲得焦點(diǎn)事件 onBlur失去焦點(diǎn) onLoad載入文件 onUnload卸載文件,主要的事件類型有,JavaScript在網(wǎng)頁(yè)中常用于更改標(biāo)記的屬性, function test() var textValue=document. getElementById(“game1”); alert(textValue.value); ,表示下面是javaScript腳本的內(nèi)容,函數(shù)的名字,當(dāng)發(fā)生onc

5、lick事件時(shí) 使用這個(gè)函數(shù),找到ID為”text1”的標(biāo)記,顯示標(biāo)記的 value 屬性的值,常用的JavaScript屬性方法,方法: alert()彈出對(duì)話框,顯示內(nèi)容 document.getElementById()找到指定ID的標(biāo)記 parseInt() 將字符轉(zhuǎn)化為數(shù)字 confirm()彈出確定對(duì)話框 prompt()彈出輸入框 setInterval(“move()”,1000)設(shè)定一個(gè)定時(shí)器 clearInterval()取消定時(shí)器 屬性: innerHTML 標(biāo)記體內(nèi)的HTML文本 innerText 標(biāo)記體內(nèi)的文本 className標(biāo)記的樣式表類名,控制語(yǔ)句 函數(shù) 對(duì)

6、象 方法 屬性,JavaScript程序的構(gòu)成,基本格式if（表述式1）語(yǔ)句段；.else if(表述式2)語(yǔ)句段；. else 表述式3,條件語(yǔ)句,功能： 若表達(dá)式1為true， 則執(zhí)行語(yǔ)句段； 若表達(dá)式2為true， 則執(zhí)行語(yǔ)句段2； 否則執(zhí)行語(yǔ)句段3。,條件語(yǔ)句實(shí)例,Human.level=10 /人物的等級(jí) Human.occupation=“法師”/人物的職業(yè) arms / 一個(gè)8級(jí)的戰(zhàn)士裝備 If(Human.level=arms.level) if(Human.occupation=“法師”) 穿上裝備 else alert(“你無(wú)法穿上戰(zhàn)士裝備”); elsealert(你的等

7、級(jí)還不夠) ,for（初始化；條件；增量） 循環(huán)體功能：實(shí)現(xiàn)條件循環(huán)，當(dāng)條件成立時(shí)，執(zhí)行語(yǔ)句集，否則跳出循環(huán)體。 說(shuō)明：初始化參數(shù):定義循環(huán)的開(kāi)始位置，賦予變量的初值；條件：循環(huán)停止時(shí)的條件。若條件滿足，則執(zhí)行循環(huán)體，否則 跳出。增量：主要定義循環(huán)控制變量在每次循環(huán)時(shí)按什么方式變化。三個(gè)主要語(yǔ)句之間，必須使用分號(hào)分隔。,for循環(huán),while（條件） 循環(huán)體 該語(yǔ)句與For語(yǔ)句一樣，當(dāng)條件為真時(shí)，重復(fù)循環(huán)，否則退出循環(huán)。For與while語(yǔ)句兩種語(yǔ)句都是循環(huán)語(yǔ)句，使用For語(yǔ)句在處理有關(guān)數(shù)字時(shí)更易看懂，也較緊湊；而while循環(huán)對(duì)復(fù)雜的語(yǔ)句效果更特別。,while循環(huán),找出sums和 sums

8、1中 有幾個(gè)相同 的數(shù)字 (沒(méi)重復(fù)數(shù)字),for(i=0;isums.length;i+) var index=0; while(indexsums1.length) if(sumsi=sums1index) same+; index+; alert(有+same+個(gè)相同的數(shù)字);,var sums=8,3,12,4,26,5.; var sums1=3,4,1,8,30,5,12.; var same=0;,break和continue語(yǔ)句,與Java語(yǔ)言相同， 使用break語(yǔ)句使得循環(huán)從For或while中跳出， continue使得跳過(guò)循環(huán)內(nèi)剩余的語(yǔ)句而進(jìn)入下一次循環(huán)。,for(i=0

9、;isums.length;i+) var index=0; while(indexsums1.length) if(sumsi=sums1index) same+; index+; break; /如果換成continue呢? index+; alert(有+same+個(gè)相同的數(shù)字);,var sums=8,3,12,4,26,5.; var sums1=3,4,1,8,30,5,12.; var same=0;,break和continue對(duì)程序效率的影響,構(gòu)建數(shù)組: var newarray=new Array(“one”,”two”); var newarray=one,two; 使用

10、數(shù)組: newarray1=100; alert( newarray0 ); 與java不同的是javaScript中是真正定義了Array這個(gè)類的。 方法 join(v) 返回?cái)?shù)組的所有值,每個(gè)值之間用v連接。 push()向數(shù)組尾部添加1到多個(gè)項(xiàng) pop()返回?cái)?shù)組中最后一個(gè)項(xiàng),并將它刪除 shift()刪除數(shù)組中的第一個(gè)項(xiàng),并返回它 unshift(v)將v放在數(shù)組的第一項(xiàng),數(shù)組可以存儲(chǔ)各種元素的列表 并且可以隨機(jī)訪問(wèn)各個(gè)元素, var arr=new Array(12,2,31,4,5,16, 18,9,10); var index=9; var ishave=false; for(i

11、=0;i,給定索引數(shù)字 遍歷整個(gè)數(shù)組 如果數(shù)組中有這個(gè)數(shù),就刪除這個(gè)數(shù).如果沒(méi)有這個(gè)數(shù),則在數(shù)組中添加這個(gè)數(shù),想想還有什么效率更高的方法,無(wú)序數(shù)組,Date對(duì)象(取得時(shí)間),在JavaScript中 提供了一些 處理日期的對(duì)象和方法 通過(guò)JavaScript日期對(duì)象 您可以提取系統(tǒng)內(nèi)部的時(shí)間 設(shè)置新的時(shí)間,Date對(duì)象(設(shè)置時(shí)間),today=new Date();function initArray()this.length=initArray.arguments.lengthfor(var i=0;i ,today.getYear() ,年,today.getMonth()+1,月,today.getDate(),日,dtoday.getDay()+1, );,javascript表單驗(yàn)證實(shí)戰(zhàn)練習(xí),動(dòng)畫(huà)制作,學(xué)習(xí)了前面的基礎(chǔ) 我們已經(jīng)有能力 做簡(jiǎn)單的人物動(dòng)畫(huà)了,動(dòng)畫(huà)原理,DIV,DIV的背景圖片,移動(dòng)背景