当前位置:文档之家› JavaScript实验实训内容

JavaScript实验实训内容

</script>
</HEAD><BODY></BODY></HTML>
实验九
实验目的:内置对象的使用。
实验内容:
5.由图像表示日期。
ch3_14.htm
<scriptlanguage="JavaScript"><!--
varsWeek=newArray("日","一","二","三","四","五","六");
varwin_rate=0;//赢率
varplay_times=0;//总次数
varwins=0;//赢的次数
varlast_digits;//上次数字串
varlast_win;//上次是否赢?
<!--
functionPlayOnce()
{//模拟玩一次数字机游戏
vari,digit;
play_times++;
if(s<10)return"0"+s;
elsereturns;
}
//将数转换为图像,注意,在本文件的相同目录下已有0-9的图像文件,文件名为0.gif,1.gif……以此类推
functionimageDigits(s){
varret="";
vars=newString(s);
for(vari=0;i<s.length;i++){
last_digits="";
last_win=false;
for(i=0;i<3;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));
<!--
returndocument_onmousemove()
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORMid="form1">
<P><INPUTtype="text"name="txtMousePosition"size="20"></P>
</FORM>
</BODY>
</HTML>
Ex050309.html
<HTML>
<HEAD>
<METAname="GENERATOR"content="MicrosoftFrontPage5.0">
<METAname="ProgId"content="FrontPage.Editor.Document">
<SCRIPTlanguage="javascript">
二.实验内容
1、设计实现一个页面,当进入页面时提示“您好,欢迎光临”,当离开页面时提示“您好,欢迎您下次再来”。
2、设计实现如下页面,要求
(1)单击“提交”按钮时逐一验证页面各项信息不允许为空;
(2)如果哪一项信息不满足要求,页面焦点停留在该信息处;
(3)单击“重置”按钮时,将页面各项元素信息清空。
functionhello_girl()
{
alert("小姐,您好!");
}
</script>
</HEAD>
<BODY>
<FORMname="form1">
<INPUTtype="button"value="问侯先生"name="hello1"onclick="alert('先生,您好!');"></P>
二.实验内容
1、任意输入一个字符串,单击“确定”按钮,输出字符串的长度。
2、猜数游戏,实现效果如下:
3、设计实现一个带开关的时钟。
JavaScript事件的理解和使用
实验十一
一.实验目的
掌握JavaScript的常用的事件;
掌握JavaScript事件的处理方式;
了解如何通过HTML属性和JavaScript属性处理事件;
</script>
</BODY></HTML>
实验八
实验目的:内置对象的使用。
实验内容:
4.求PI的5次方,并四舍五入取整。
S06_04.HTM
<HTML><HEAD><TITLE>使用Math对象</TITLE>
<scriptlanguage=javascript>
alert(Math.round(Math.pow(Math.PI,5)));
document.write(imageDigits(sYear)+"&nbsp;&nbsp;"+
imageDigits(sMonth)+"&nbsp;&nbsp;"+
imageDigits(sDate)+"<br>");
//如果输入数是1位数,在十位数上补0
functionformatTwoDigits(s){
JavaScript表达式和逻辑控制语句的使用
实验一
一.实验目的
掌握JavaScript的变量;
掌握JavaScript的数据类型;
掌握JavaScript的运算符;
掌握JavaScript的逻辑控制语句。
二.实验内容
1、声明一个变量str,为其赋值"HelloWorld!",显示该值;
改变该变量值为"HelloChina!",然后再显示该值。
<head>
<scriptlanguage=javascript>
<!--
functionIsThatNumber(x)
{
returnx%3==0&&x%5==0&&x%7==0;
}
//-->
</script>
</head>
<body>
<pre><scriptlanguage=javascript>
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<PRE><SCRIPTlanguage="javascript">
<!--
while(true)
{
PlayOnce();
if(!confirm(last_digits+"\n"+(last_win?"赢":"输")+"\n胜率"+win_rate+"%,继续吗?"))break;
<INPUTtype="button"value="问侯小姐"name="hello2"onclick="returnhello_girl();"></P>
</FORM>
</BODY></HTML>
实验五
实验目的:内置对象的使用。
实验内容:
1.在页面中显示当天日期。
S06_03.HTM:
<HTML><HEAD><TITLE>使用new运算符</TITLE></HEAD>
varmyDate=newDate();//当天的日期
varsYear=myDate.getFullYear();//年
varsMonth=myDate.getMonth()+1;//月
varsDate=myDate.getDate();//日
varsDay=sWeek[myDate.getDay()];//星期
<!--
varn,nb=0;
for(n=1;n<1000;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");
<BODY>
<scriptlanguage=javascript>
vartoday;
today=newDate();
document.write("今天是"+today.getFullYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");
相关主题