實(shí)驗(yàn)-javascript程序設(shè)計(jì)

實(shí)驗(yàn)-javascript程序設(shè)計(jì)實(shí)驗(yàn)-javascript程序設(shè)計(jì)實(shí)驗(yàn)-javascript程序設(shè)計(jì)xxx公司實(shí)驗(yàn)-javascript程序設(shè)計(jì)文件編號(hào)：文件日期：修訂次數(shù)：第1.0次更改批準(zhǔn)審核制定方案設(shè)計(jì)，管理制度實(shí)驗(yàn)項(xiàng)目二十javascript程序設(shè)計(jì)【學(xué)時(shí)數(shù)】2（45分鐘×2=90分鐘）【實(shí)驗(yàn)內(nèi)容】

1、JavaScript變量、表達(dá)式和運(yùn)算符的使用

2、JavaScript對(duì)話(huà)框的使用

3、JavaScript函數(shù)的定義及調(diào)用

4、JavaScript分支結(jié)構(gòu)程序設(shè)計(jì)

5、JavaScript循環(huán)結(jié)構(gòu)程序設(shè)計(jì)【實(shí)驗(yàn)參考書(shū)】

《網(wǎng)頁(yè)設(shè)計(jì)與制作》…………重慶大學(xué)出版社

《網(wǎng)頁(yè)標(biāo)題制作技巧與實(shí)例》………………清華大學(xué)出版社

《javascript入門(mén)與提高》………………清華大學(xué)出版社

《javascript寶典》………電子工業(yè)出版社【實(shí)驗(yàn)設(shè)備】

計(jì)算機(jī)，投影機(jī)，多媒體【實(shí)驗(yàn)?zāi)康呐c要求】

1、掌握J(rèn)avaScript變量、表達(dá)式和運(yùn)算符的使用

2、掌握J(rèn)avaScript對(duì)話(huà)框的使用

3、掌握J(rèn)avaScript函數(shù)的定義及調(diào)用

4、掌握分支結(jié)構(gòu)的JavaScript程序設(shè)計(jì)

5、掌握循環(huán)結(jié)構(gòu)的JavaScript程序設(shè)計(jì)【實(shí)驗(yàn)重點(diǎn)】

1、掌握J(rèn)avaScript函數(shù)的定義及調(diào)用

2、掌握分支結(jié)構(gòu)的JavaScript程序設(shè)計(jì)

3、掌握循環(huán)結(jié)構(gòu)的JavaScript程序設(shè)計(jì)【實(shí)驗(yàn)難點(diǎn)】

1、掌握分支結(jié)構(gòu)的JavaScript程序設(shè)計(jì)

2、掌握循環(huán)結(jié)構(gòu)的JavaScript程序設(shè)計(jì)【實(shí)驗(yàn)方式】

1、項(xiàng)目工程互動(dòng)式教學(xué)法

2、“講、學(xué)、練”相結(jié)合：對(duì)于javscript程序設(shè)計(jì)相關(guān)細(xì)節(jié)，大量采用演示、講解和操作等方式。使學(xué)生在實(shí)驗(yàn)中加深對(duì)相關(guān)內(nèi)容的理解并熟練掌握。【實(shí)驗(yàn)設(shè)計(jì)】

向?qū)W生演示多個(gè)javascript程序設(shè)計(jì)案例，學(xué)生跟著教師一起完成javascript程序的編寫(xiě)，同時(shí)完成教師布置的思考題，教師實(shí)施指導(dǎo)。

第一步：演示JavaScript變量、表達(dá)式和運(yùn)算符的使用，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。（10分鐘左右）

第二步：演示JavaScript對(duì)話(huà)框的使用，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。（20分鐘左右）

第三步：演示JavaScript函數(shù)的定義及調(diào)用，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。（20分鐘左右）

第四步：演示分支結(jié)構(gòu)的JavaScript程序設(shè)計(jì)，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。（20分鐘左右）

第五步：演示循環(huán)結(jié)構(gòu)的JavaScript程序設(shè)計(jì)，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。（20分鐘左右）【實(shí)驗(yàn)過(guò)程】

實(shí)驗(yàn)內(nèi)容一：JavaScript變量、表達(dá)式和運(yùn)算符

教師演示JavaScript變量、表達(dá)式和運(yùn)算符的程序案例，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。

1、程序案例1－顯示年齡

<scriptlanguage=javascript>

varname;香港\tB.廣州\tC.北京\tD.上海","E");

switch(answer)

{

case"a":

case"A":

alert("錯(cuò)！香港是中國(guó)的特別特政區(qū)");

break;

case"b":

case"B":

alert("錯(cuò)！廣州是中國(guó)南部的大都市");

break;

case"c":

case"C":

alert("對(duì)！北京是中國(guó)的首都，在中國(guó)北方");

break;

case"d":

case"D":

alert("錯(cuò)！上海是中國(guó)東部的大都市");

break;

default:

alert("選擇錯(cuò)誤!只能選填字母A、B、C或D");

break;

}

</script>

3、思考題：

根據(jù)成績(jī)給出學(xué)生的考評(píng)：如果成績(jī)>=85,考評(píng)“優(yōu)”，否則如果成績(jī)>=60，考評(píng)“及格”,否則考評(píng)為“不及格”。

<scriptlanguage=javascript>

varscore,grade;

score=parseFloat(prompt("請(qǐng)輸入學(xué)生的成績(jī):",""));

if(score>=85)

grade="優(yōu)";

elseif(score>=75)

grade="中";

elseif(score>=60)

grade="及格";

else

grade="不及格";

alert("根據(jù)學(xué)生成績(jī):"+score+",評(píng)定為:"+grade);

</script>

實(shí)驗(yàn)內(nèi)容五：JavaScript循環(huán)結(jié)構(gòu)程序設(shè)計(jì)

教師演示JavaScript循環(huán)結(jié)構(gòu)程序設(shè)計(jì)的程序案例，學(xué)生按照教師的操作步驟，自己編寫(xiě)該程序。

1、循環(huán)結(jié)構(gòu)程序案例1－求1+2+3+…+100的累計(jì)和

<scriptlanguage=javascript>

vari,sum=0;

for(i=1;i<=100;i++){

sum+=i;

}

("1+2+3+...+100="+sum);

</script>

2、循環(huán)結(jié)構(gòu)程序案例2－二位整數(shù)相加的測(cè)試程序

<scriptlanguage=javascript>

vargo_on,x,y,result,answer

do{

x=()*90)+10;

y=()*90)+10;

result=x+y;

answer=parseFloat(prompt(x+"+"+y+"=","0"));

go_on=confirm(((answer==result)"答對(duì)":"答錯(cuò)")+"！\t繼續(xù)測(cè)試嗎")

}while(go_on)

</script>

3、循環(huán)結(jié)構(gòu)程序案例3－累加用戶(hù)輸入的整數(shù)

<scriptlanguage=javascript>

varinput,input_number,sum

for(sum=0;;){

input=prompt("sum="+sum+"\n請(qǐng)輸入新的累加數(shù)(輸入Q結(jié)束):","0");

if(input==null||input=="Q"||input=="q")break;

if(isNaN(input))continue;

input_number=parseFloat(input);

if(input_number<=0)continue;

sum+=input_number;

}

alert("sum="+sum);

</script>

4、思考題：

在頁(yè)面上顯示一個(gè)“9×9乘法表”。

<scriptlanguage=javascript>

vari,j

("<PRE>")

for(i=1;i<=9;i++)

{

for(j=1;j<=i;j++)

{

if(j>1)("\t");

(j+"*"+i+"="+j*i);

}

();

}

("</PRE>")

</script>

【實(shí)驗(yàn)小結(jié)】

通過(guò)這次實(shí)驗(yàn)，同學(xué)們熟悉了JavaScript變量、表達(dá)式和運(yùn)算符，理解了JavaScript對(duì)話(huà)框的使用，掌握了JavaScript函數(shù)的定義及調(diào)用，掌握了分支結(jié)構(gòu)的JavaScript程序設(shè)計(jì)，掌握了循環(huán)結(jié)構(gòu)的JavaScript程序設(shè)計(jì)。實(shí)驗(yàn)項(xiàng)目二十一內(nèi)置函數(shù)和對(duì)象【學(xué)時(shí)數(shù)】2（45分鐘×2=90分鐘）【實(shí)驗(yàn)內(nèi)容】

1、JavaScript內(nèi)置函數(shù)的應(yīng)用

2、JavaScript內(nèi)置對(duì)象的應(yīng)用

3、JavaScript瀏覽器對(duì)象的應(yīng)用【實(shí)驗(yàn)參考】

《網(wǎng)頁(yè)設(shè)計(jì)與制作》…………重慶大學(xué)出版社

《網(wǎng)頁(yè)標(biāo)題制作技巧與實(shí)例》………………清華大學(xué)出版社

《javascript入門(mén)與提高》………………清華大學(xué)出版社

《javascript寶典》………電子工業(yè)出版社【實(shí)驗(yàn)設(shè)備】

計(jì)算機(jī)，投影機(jī)【實(shí)驗(yàn)?zāi)康呐c要求】

1、掌握J(rèn)avaScript內(nèi)置函數(shù)的使用方法

2、掌握J(rèn)avaScript常用內(nèi)置對(duì)象的屬性和方法

3、掌握J(rèn)avaScript瀏覽器對(duì)象的含義

4、掌握使用瀏覽器對(duì)象提供的信息來(lái)完成一定功能的網(wǎng)頁(yè)設(shè)計(jì)?！緦?shí)驗(yàn)重點(diǎn)】

1、掌握J(rèn)avaScript內(nèi)置函數(shù)的使用方法

2、掌握J(rèn)avaScript常用內(nèi)置對(duì)象的屬性和方法

3、掌握J(rèn)avaScript瀏覽器對(duì)象的含義【實(shí)驗(yàn)難點(diǎn)】

1、掌握使用瀏覽器對(duì)象提供的信息來(lái)完成一定功能的網(wǎng)頁(yè)設(shè)計(jì)?！緦?shí)驗(yàn)方式】

1、項(xiàng)目工程互動(dòng)式教學(xué)法

2、“講、學(xué)、練”相結(jié)合：對(duì)于javascript內(nèi)置函數(shù)和對(duì)象相關(guān)細(xì)節(jié)，大量采用演示、講解和操作等方式。使學(xué)生在實(shí)驗(yàn)中加深對(duì)相關(guān)內(nèi)容的理解并熟練掌握。

【實(shí)驗(yàn)設(shè)計(jì)】

向?qū)W生演示多個(gè)javascrip內(nèi)置函數(shù)和對(duì)象的程序案例，學(xué)生跟著教師一起完成javascript程序的編寫(xiě)，同時(shí)完成教師布置的思考題，教師實(shí)施指導(dǎo)。

第一步：演示JavaScript內(nèi)置函數(shù)的應(yīng)用，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。（20分鐘左右）

第二步：演示JavaScript常用內(nèi)置對(duì)象的應(yīng)用，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。（35分鐘左右）

第三步：演示JavaScript瀏覽器對(duì)象的應(yīng)用，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。（35分鐘左右）【實(shí)驗(yàn)過(guò)程】

實(shí)驗(yàn)內(nèi)容一：JavaScript內(nèi)置函數(shù)的應(yīng)用

教師演示JavaScript內(nèi)置函數(shù)應(yīng)用的程序案例，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。

1、eval()：計(jì)算字符串表達(dá)式的值

2、parseFloat()和parseInt()：將字符串開(kāi)頭的整數(shù)或浮點(diǎn)數(shù)分解出來(lái)，轉(zhuǎn)換為整數(shù)或浮點(diǎn)數(shù)

3、isNaN()：確定一個(gè)變量是否為NaN（NotaNumber）

4、escape()：將字符串中的非字母數(shù)字字符轉(zhuǎn)換為按格式%XX表示的數(shù)字

5、unescape()：將字符串格式為%XX的數(shù)字轉(zhuǎn)換為字符

6、程序案例1_1：求用戶(hù)在提示對(duì)話(huà)框中輸入的表達(dá)式的值。

<scriptlanguage=javascript>

alert(eval(prompt("請(qǐng)輸入一個(gè)常量表達(dá)式,運(yùn)算符可以是JavaScript所允許的任何運(yùn)算符,而操作數(shù)只能是常量。如

123*321/9,我將為您計(jì)算出結(jié)果。","65+98+96")))

</script>

7、思考題：判斷用戶(hù)輸入的字符是不是數(shù)字，如果是，分別將其轉(zhuǎn)換成浮點(diǎn)數(shù)和整數(shù)，并顯示到網(wǎng)頁(yè)上。

<scriptlanguage=javascript>

varinput=prompt("請(qǐng)輸入字符！","");

alert(isNaN(input)"你輸入的不是數(shù)字":"你輸入的是數(shù)字");

if(!isNaN(input)){

(parseInt(input)+"<br>");

(parseFloat(input));

}

</script>

實(shí)驗(yàn)內(nèi)容二：JavaScript內(nèi)置對(duì)象的應(yīng)用

教師演示JavaScript內(nèi)置對(duì)象應(yīng)用的程序案例，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。

一、對(duì)象的基本概念

1、什么是對(duì)象

對(duì)象用于描述客觀(guān)世界存在的特定實(shí)體。在計(jì)算機(jī)世界中，不僅存在來(lái)自于客觀(guān)世界的對(duì)象，也包含為解決問(wèn)題而引入的抽象對(duì)象。

2、對(duì)象的屬性和方法

在JavaScript中，對(duì)象就是屬性和方法的集合。

方法是作為對(duì)象成員的函數(shù)表明對(duì)象所具有的行為，屬性是作為對(duì)象成員的一組變量，表明對(duì)象的狀態(tài)。

通過(guò)訪(fǎng)問(wèn)或設(shè)置對(duì)象的屬性，并且調(diào)用對(duì)象的方法，就可以對(duì)對(duì)象進(jìn)行各種操作，從而獲得需要的功能。

調(diào)用對(duì)象的一個(gè)方法類(lèi)似于調(diào)用一個(gè)函數(shù)。

使用對(duì)象的一個(gè)屬性則類(lèi)似于使用一個(gè)變量。

二、Math對(duì)象

1、Math對(duì)象的屬性是數(shù)學(xué)中常用的常量，如圓周率PI，自然對(duì)數(shù)的底E等。

2、Math對(duì)象的方法則是一些十分有用的數(shù)學(xué)函數(shù)，如sin()、random()、log()等。

3、在調(diào)用Math對(duì)象的屬性和方法時(shí)，直接寫(xiě)成：Math.屬性和Math.方法。

4、案例2_1：求PI的5次方，并四舍五入取整。

<scriptlanguage=javascript>

varnumber=,5));

("PI的5次方的值為："+number);

</script>

5、思考題：設(shè)計(jì)javascript程序，在網(wǎng)頁(yè)上隨機(jī)顯示10個(gè)兩位整數(shù)。

<scriptlanguage=javascript>

for(i=1;i<=10;i++){

varnumber=()*90)+10;

("隨機(jī)數(shù)"+i+"："+number+"<br>");

}

</script>

三、Date對(duì)象

1、Date對(duì)象的主要方法

常用方法:設(shè)置和獲取日期中的年、月、日、小時(shí)、分、秒和毫秒等

2、創(chuàng)建Date對(duì)象

要使用Date對(duì)象，必須先使用new運(yùn)算符創(chuàng)建它。創(chuàng)建Date對(duì)象的常見(jiàn)方式有三種：

(1)不帶參數(shù)vartoday=newDate();

(2)創(chuàng)建一個(gè)指定日期的Date變量vartheDate=newDate(2000,9,1);

(3)創(chuàng)建一個(gè)指定時(shí)間的Date變量vartheTime=newDate(2000,9,1,10,20,30,50)

3、案例2_2：計(jì)算求1+2+3+…10000之和所需要的運(yùn)行時(shí)間(毫秒數(shù))。

<scriptlanguage=javascript>

vart1,t2,htime,i,sum=0;

t1=newDate();

("循環(huán)前的時(shí)間:"+()+":"+()+"<BR>");

for(i=1;i<=10000;i++)sum+=i;

t2=newDate();

("循環(huán)后的時(shí)間:"+()+":"+()+"<BR>");

htime=()-();

("執(zhí)行10000次循環(huán)用時(shí):"+htime+"毫秒<BR>")

</script>

4、思考題：在網(wǎng)頁(yè)上顯示當(dāng)前日期和時(shí)間，并顯示是星期幾。

<scriptlanguage=javascript>

varweek,today,week_i;

week=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

today=newDate();

year=();123”hecked)returneffects[i].value;

}

return"[沒(méi)有選擇]";

}

functionGetSelectedPrograms(programs)

{

vari,result="";

for(i=0;i<;i++)

{

if(programs[i].checked)result+="["+programs[i].value+"]";

}

returnresult;

}

functionShowResult()

{

varf,msg;

f=;

msg="您感覺(jué)本站:"+GetSelectedEffect;

msg+="\n您希望本站出現(xiàn)以下以下欄目:"+GetSelectedPrograms;

alert(msg);

}

</SCRIPT>

【實(shí)驗(yàn)小結(jié)】

通過(guò)本次實(shí)驗(yàn)，同學(xué)們學(xué)會(huì)了javascript內(nèi)置函數(shù)的使用方法，熟悉了javascript多個(gè)內(nèi)置對(duì)象的屬性和方法，要求重點(diǎn)掌握瀏覽器對(duì)象的含義，以及如何使用瀏覽器對(duì)象提供的信息來(lái)完成一定功能的網(wǎng)頁(yè)設(shè)計(jì)。

實(shí)驗(yàn)項(xiàng)目二十二javascript事件處理【學(xué)時(shí)數(shù)】2（45分鐘×2=90分鐘）【實(shí)驗(yàn)內(nèi)容】

1.瀏覽器事件及處理

2.鼠標(biāo)事件及處理

3.鍵盤(pán)事件及處理

4.其他事件及處理【實(shí)驗(yàn)參考】

《網(wǎng)頁(yè)設(shè)計(jì)與制作》……………重慶大學(xué)出版社

《網(wǎng)頁(yè)標(biāo)題制作技巧與實(shí)例》…………………清華大學(xué)出版社

《javascript入門(mén)與提高》……………………清華大學(xué)出版社

《javascript寶典》……………電子工業(yè)出版社【實(shí)驗(yàn)設(shè)備】計(jì)算機(jī)、投影機(jī)【實(shí)驗(yàn)?zāi)康呐c要求】

1.了解JavaScript事件處理的基本概念

2.理解JavaScript事件處理模型

3.掌握J(rèn)avaScript常用事件及處理【實(shí)驗(yàn)重點(diǎn)】

1.理解JavaScript事件處理模型

2.掌握J(rèn)avaScript常用事件處理【實(shí)驗(yàn)難點(diǎn)】掌握J(rèn)avaScript常用事件及處理【實(shí)驗(yàn)方式】

1.項(xiàng)目工程互動(dòng)式教學(xué)法

2.“講、學(xué)、練”相結(jié)合：對(duì)于javascript事件處理相關(guān)細(xì)節(jié)，大量采用演示、講解和操作等方式。使學(xué)生在實(shí)驗(yàn)中加深對(duì)相關(guān)內(nèi)容的理解并熟練掌握?！緦?shí)驗(yàn)設(shè)計(jì)】

向?qū)W生演示多個(gè)javascrip事件處理的程序案例，學(xué)生跟著教師一起完成javascript程序的編寫(xiě)，同時(shí)完成教師布置的思考題，教師實(shí)施指導(dǎo)。

第一步：演示JavaScript瀏覽器事件及處理程序案例，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。

（20分鐘左右）

第二步：演示JavaScript鼠標(biāo)事件及處理程序案例，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。

（20分鐘左右）

第三步：演示JavaScript鍵盤(pán)事件及處理程序案例，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。

（25分鐘左右）

第四步：演示JavaScript其他事件及處理程序案例，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。

（25分鐘左右）【實(shí)驗(yàn)過(guò)程】實(shí)驗(yàn)內(nèi)容一：瀏覽器事件及處理

教師演示JavaScript瀏覽器事件及處理程序案例，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。

1、load事件：發(fā)生在瀏覽器完成網(wǎng)頁(yè)的加載之后。

<BODYonload="alert('歡迎訪(fǎng)問(wèn)我的主頁(yè)！')">

歡迎訪(fǎng)問(wèn)我的主頁(yè)！

</BODY>

2、unload事件：發(fā)生在瀏覽器載入新網(wǎng)頁(yè)之前。

3、submit事件：發(fā)生在提交表單數(shù)據(jù)給服務(wù)器處理時(shí)。

<scriptlanguage="javascript">

functioncheckit(){思考題

計(jì)算用戶(hù)在網(wǎng)頁(yè)上的停留時(shí)間。

<BODYonunload="stay()">

<scriptlanguage="Javascript">

pageOpen=newDate();

functionstay(){

pageClose=newDate();

minutes=()-());

seconds=()-());

time=(seconds+(minutes*60));

time=(time+"秒鐘");

alert('您在這兒停留了'+time+'.歡迎下次再來(lái)!');

}

</script>

</BODY>實(shí)驗(yàn)內(nèi)容二：鼠標(biāo)事件及處理

教師演示JavaScript鼠標(biāo)事件及處理程序案例，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。

1.MouseMove事件：發(fā)生在移動(dòng)鼠標(biāo)的時(shí)候。

<SCRIPTlanguage="javascript">

vartimeout;

functionload()

{

timeout=setTimeout("navigate('');",3000);

}

functionmousemove()

{

clearTimeout(timeout);

}

</SCRIPT>

</HEAD>

<BODYonmousemove="mousemove()"onload="load()">2.MouseOver事件：發(fā)生在鼠標(biāo)掃過(guò)一個(gè)界面對(duì)象時(shí)。

<scriptlanguage="JavaScript">

functionshow()

{

}

</script>

<imgsrc="images/"height="55"name="pic"style="filter:alpha(opacity=0)"onmouseover="show()">3.MouseOut事件：鼠標(biāo)掃過(guò)并脫離一個(gè)界面對(duì)象時(shí)發(fā)生。

<scriptlanguage="JavaScript">

functionshow()

{

}

functionfade()

{

}

</script>

<imgsrc="images/"width="145"height="55"name="pic"style="filter:alpha(opacity=0)"onmouseover="show()"onmouseout="fade()">4.Click事件：發(fā)生在表單上某個(gè)對(duì)象被單擊時(shí)

<scriptlanguage=javascript>

functionhello_girl()

{

alert("小姐,您好!");

}

functionhello_boy()

{

alert("先生，你好！");

}

</script>

</HEAD>

<BODY>

<FORMname="form1">

<INPUTtype="button"value="問(wèn)侯先生"name="hello1"onclick="hello_boy();"></P>

<INPUTtype="button"value="問(wèn)侯小姐"name="hello2"onclick="hello_girl();"></P>

</FORM>

</BODY>5.思考題：

訂單模擬程序。

<scriptlanguage="javascript">

functionselected(){

varisCoffee=

varisSuger=

varok=null;

if(isCoffee==true&&isSuger!=true){

if(confirm("您同時(shí)還需要糖嗎")==true){

}

}

}

</script>

<body>

<hr>

<formname="myform"method="post">

<strong>您需要什么飲料</strong><br>

<hr>

<inputtype="radio"name="tea"value="1"onclick="selected()">中國(guó)紅茶

<inputtype="radio"name="coffee"value="2"onclick="selected()">巴西咖啡

<hr>

<inputtype="checkbox"name="suger"value="Ins">要糖嗎

</form>

<hr>

</body>實(shí)驗(yàn)內(nèi)容三：鍵盤(pán)事件及處理教師演示JavaScript鼠標(biāo)事件及處理程序案例，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。

1、KeyDown事件：在鍵盤(pán)上按下一個(gè)鍵的時(shí)候發(fā)生。

<form>

看看你的瀏覽器的狀態(tài)欄:

<inputtype="text"onKeyDown="='你按下了一個(gè)鍵'"onKeyUp="='你又松開(kāi)了這個(gè)鍵'">

</form>2、KeyPress事件：從鍵盤(pán)按下鍵直到松開(kāi)鍵時(shí)發(fā)生。3、KeyUp事件：在鍵盤(pán)上松開(kāi)一個(gè)鍵的時(shí)候發(fā)生。4、思考題

顯示按鍵的ASCII碼。

<scriptlanguage="javascript">

functionkeyDown(e){

varkey=;

alert("您按下的鍵的代碼是："+key);

}

</script>

</head>

<body>

<br><br>

<form>

看看你的瀏覽器的狀態(tài)欄:

<inputtype="text"onKeyDown="='你按下了一個(gè)鍵';keyDown();">

</form>

</body>實(shí)驗(yàn)內(nèi)容四：其他事件及處理教師演示JavaScript鼠標(biāo)事件及處理程序案例，學(xué)生按照教師的操作步驟，自己動(dòng)手編寫(xiě)該程序，并完成教師布置的思考題。

1.Change事件：文本輸入框失去焦點(diǎn)，同時(shí)其中的值發(fā)生改變時(shí)。

<html>

<head>

<title>c