JavaScript实验实训内容.doc

《JavaScript程序设计》实验实训内容 JavaScript表达式和逻辑控制语句的使用 实验一 一．实验目的 掌握JavaScript的变量； 掌握JavaScript的数据类型； 掌握JavaScript的运算符； 掌握JavaScript的逻辑控制语句。 二．实验内容 1、声明一个变量str，为其赋值Hello World!，显示该值； 改变该变量值为Hello China!，然后再显示该值。 2、将1~10之间的奇偶数分开，页面呈现方式如下： 3、任意输入一个年份，判断是否为闰年。 实验二 函数部分 一．实验目的 掌握JavaScript的常用函数； 二．实验内容 编写一个函数，在页面上输出1~1000之间所有能同时被3，5，7整除的证书，并要求每行显示6个这样的数。 ex050303.htm html head script language=javascript !-- function IsThatNumber(x) { return x%3==0 x%5==0 x%7==0; } //-- /script /head body prescript language=javascript !-- var n,nb=0; for(n=1;n1000;n++) { if (IsThatNumber(n)) { if (nb%6 0) document.write(,); nb++; document.write(n); if (nb%6 == 0) document.write(\n); } } document.write(\n\n); document.write(共有+nb+个数); //-- /script /pre /body /html 实验三 实验目的：常用函数的使用。 实验内容： 利用全局变量和函数，设计模拟幸运数字机游戏。设幸运数字为8，每次由计算机随机生成3个1~9之间的随机数，当这3个随机数中有一个数字为8时，就算赢了一次。 Ex050309.html HTML HEAD META name=GENERATOR content=Microsoft FrontPage 5.0 META name=ProgId content=FrontPage.Editor.Document SCRIPT language=javascript var win_rate=0; //赢率 var play_times=0; //总次数 var wins=0; //赢的次数 var last_digits; //上次数字串 var last_win; //上次是否赢? !-- function PlayOnce() {//模拟玩一次数字机游戏 var i,digit; play_times++; last_digits=; last_win=false; for(i=0;i3;i++) { digit = Math.floor(Math.random()*9)+1; last_digits += digit; if (digit==8) last_win=true; } if (last_win) wins++; win_rate = Math.floor(100*(wins/play_times)); } //-- /SCRIPT /HEAD BODY PRESCRIPT language=javascript !-- while(true) { PlayOnce(); if (!confirm(last_digits +\n + (last_win?赢:输) + \n胜率+win_rate+%,继续吗?)) break; } //-- /SCRIPT /PRE /BODY /HTML 事件与对象 实验四 实验目的：表单的设计。 实验内容：设计一个表单，放入两个按钮，单击它们时将显示不同问候语。 S07_02.HTM HTMLHEADTITLE处理事件-HTML标记方式/TITLE script language=javascript function hello_girl() { alert(小姐,您好!); } /script /HEAD BODY FORM name=form1 INPUT type=button value=问侯先生 name=hello1 onclick=alert(先生,您好!);/P INPUT type=button value=问侯小姐 name=hello2 onclick=return hello_girl();/P /FORM /BODY/HTML 实验五 实验目的：内