javascript程序设计实验复习题.docx

上传人:b****1 文档编号:10354073 上传时间:2023-05-25 格式:DOCX 页数:16 大小:19.73KB
下载 相关 举报
javascript程序设计实验复习题.docx_第1页
第1页 / 共16页
javascript程序设计实验复习题.docx_第2页
第2页 / 共16页
javascript程序设计实验复习题.docx_第3页
第3页 / 共16页
javascript程序设计实验复习题.docx_第4页
第4页 / 共16页
javascript程序设计实验复习题.docx_第5页
第5页 / 共16页
javascript程序设计实验复习题.docx_第6页
第6页 / 共16页
javascript程序设计实验复习题.docx_第7页
第7页 / 共16页
javascript程序设计实验复习题.docx_第8页
第8页 / 共16页
javascript程序设计实验复习题.docx_第9页
第9页 / 共16页
javascript程序设计实验复习题.docx_第10页
第10页 / 共16页
javascript程序设计实验复习题.docx_第11页
第11页 / 共16页
javascript程序设计实验复习题.docx_第12页
第12页 / 共16页
javascript程序设计实验复习题.docx_第13页
第13页 / 共16页
javascript程序设计实验复习题.docx_第14页
第14页 / 共16页
javascript程序设计实验复习题.docx_第15页
第15页 / 共16页
javascript程序设计实验复习题.docx_第16页
第16页 / 共16页
亲,该文档总共16页,全部预览完了,如果喜欢就下载吧!
下载资源
资源描述

javascript程序设计实验复习题.docx

《javascript程序设计实验复习题.docx》由会员分享,可在线阅读,更多相关《javascript程序设计实验复习题.docx(16页珍藏版)》请在冰点文库上搜索。

javascript程序设计实验复习题.docx

javascript程序设计实验复习题

实验项目1 javascript程序设计

 

  3、思考题:

  设计JavaScript程序,在网页上输出半径为3的圆的面积和周长。

  

  varr=3;

  varpi=3.1415;

  document.writeln("圆的半径为:

"+r);

  document.writeln("圆的面积为:

"+pi*r*r);

  document.writeln("圆的周长为:

"+2*pi*r);

  

  实验内容二:

JavaScript对话框

 

  4、思考题:

  设计密码检测程序,密码输入正确,显示“欢迎访问”,不正确显示“密码不正确,好好想哟”。

  

 

  实验内容三:

JavaScript函数的定义及调用

  教师演示JavaScript函数的定义及调用的程序案例,学生按照教师的操作步骤,自己动手编写该程序,并完成教师布置的思考题。

  1、程序案例1-素数判断

  

  functionIsPrime(p)

  {

  if(p<1)returnfalse;

  vari;

  for(i=2;i

  returntrue;

  }

  varx;

  x=parseInt(prompt("请输入1-100之间的数字","1"));

  alert("该数是否为素数:

"+IsPrime(x));

  

   

  

  实验内容四:

JavaScript分支结构程序设计

    1、分支结构程序案例1-两个数排序

  

  varx,y,temp;

  x=parseFloat(prompt("请输入x的值:

","0"));

  y=parseFloat(prompt("请输入y的值:

","0"));

  if(x>y)

  {

  temp=x;

  x=y;

  y=temp;

  }

  document.writeln("排序后,x="+x+";y="+y)

  

  

  3、思考题:

  根据成绩给出学生的考评:

如果成绩>=85,考评“优”,否则如果成绩>=60,考评“及格”,否则考评为“不及格”。

  

  varscore,grade;

  score=parseFloat(prompt("请输入学生的成绩:

",""));

  if(score>=85)

  grade="优";

  elseif(score>=75)

  grade="中";

  elseif(score>=60)

  grade="及格";

  else

  grade="不及格";

  alert("根据学生成绩:

"+score+",评定为:

"+grade);

  

 

  实验内容五:

JavaScript循环结构程序设计

  教师演示JavaScript循环结构程序设计的程序案例,学生按照教师的操作步骤,自己编写该程序。

  1、循环结构程序案例1-求1+2+3+…+100的累计和

  

  vari,sum=0;

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

  sum+=i;

  }

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

  

  2、循环结构程序案例2-二位整数相加的测试程序

  

  vargo_on,x,y,result,answer

  do{

  x=Math.floor(Math.random()*90)+10;

  y=Math.floor(Math.random()*90)+10;

  result=x+y;

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

  go_on=confirm(((answer==result)?

"答对":

"答错")+"!

\t继续测试吗?

")

  }while(go_on)

  

  3、循环结构程序案例3-累加用户输入的整数

  

  varinput,input_number,sum

  for(sum=0;;){

  input=prompt("sum="+sum+"\n请输入新的累加数(输入Q结束):

","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);

  

  4、思考题:

  在页面上显示一个“9×9乘法表”。

  

  vari,j

  document.write("

")

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

  {

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

  {

  if(j>1)document.write("\t");

  document.write(j+"×"+i+"="+j*i);

  }

  document.writeln();

  }

  document.write("

")

  

实验项目2 内置函数和对象

 

  7、思考题:

判断用户输入的字符是不是数字,如果是,分别将其转换成浮点数和整数,并显示到网页上。

  

  varinput=prompt("请输入字符!

","");

  alert(isNaN(input)?

"你输入的不是数字":

"你输入的是数字");

  if(!

isNaN(input)){

  document.write(parseInt(input)+"
");

  document.write(parseFloat(input));

  }

  

 

  实验内容二:

JavaScript内置对象的应用

   5、思考题:

设计javascript程序,在网页上随机显示10个两位整数。

  

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

  varnumber=Math.floor(Math.random()*90)+10;

  document.write("随机数"+i+":

"+number+"
");

  }

  

  

  三、Date对象

   4、思考题:

在网页上显示当前日期和时间,并显示是星期几。

  

  varweek,today,week_i;

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

  today=newDate();

  year=today.getYear();//年

  month=today.getMonth()+1;//月

  date=today.getDate();//日

  hour=today.getHours();//小时

  minute=today.getMinutes();//分

  second=today.getSeconds();//秒

 

  week_i=today.getDay();

  document.write(year+"年"+month+"月"+date+"日"+"\t");

  document.write(hour+":

"+minute+":

"+second+"\t"+week[week_i])

  

  

    五、String对象

    5、String对象的最常用属性和方法length、toLowerCase()、toUpperCase()、charAt(index)、substr(start,len)

  6、程序案例2_4:

String对象的常用方法

  

  varmystr="lookatthis";

  document.writeln(mystr.charAt(5));

  document.writeln(mystr.substring(5,7));

  document.writeln(mystr.toUpperCase());

  document.writeln(mystr.indexOf("oo"));

  

  7、思考题:

将用户输入的字符串反向输出到页面上,并且要求将其中的小写字母转换为大写字母。

例如,如果输入”abc123”  ,则输出”321CBA”。

  

  varorigin_s,upper_s,i;

  origin_s=prompt("请输入一行文字:

","");

  upper_s=origin_s.toUpperCase();

  for(i=upper_s.length-1;i>=0;i--)document.write(upper_s.charAt(i));

  

  

  六、Array对象

    3、for…in语句

  用for…in语句处理数组,可以依次对数组中的每个数组元素执行一条或多条语句。

  for…in的格式是:

for(变量in数组)循环体语句;

  4、程序案例2_5:

使用for…in语句,显示数组的值。

  

  varclassmates,i;

  classmates=newArray("张月","李良","王力","何芳");

  for(iinclassmates)

  document.write("第"+(parseInt(i)+1)+"个同学是:

"+classmates[i]+"
");

  

 

  实验内容三:

JavaScript内置对象的应用

  

 

  

  3、程序案例3_1:

设计一个有三个超链接的页面,单击这些链接时分别打开和关闭新窗口,以及关闭本身窗口

  

  varnewwin;

  functionopennewwin()

  {

  newwin=open("new.htm","myWindow",

  "height=100,width=400,top=10,left=0,toolbar=no,menubar=no,"+

  "scrollbars=no,resizable=no,location=no,status=no");

  }

  functionclosenewwin()

  {

  newwin.close();

  }

  

  

  

  

opennewwin()">打开新窗口

  

closenewwin()">关闭新窗口

  

close()">关闭本窗口

  

  6、思考题:

设计一个页面,当这个页面显示后3秒内用户没有移动过鼠标,将自动显示另一个页面。

  

  vartimeout;

  functionwindow_onload()

  {

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

  }

  functionwindow_onmousemove()

  {

  clearTimeout(timeout);

  }

  

  

  二、文档(document)对象

    1、document对象的属性和方法

  案例3_4:

设计一个页面,显示document对象中的一些属性。

  

  document.write("当前文档的标题:

"+document.title+"
");

  document.write("当前文档的URL:

"+document.URL+"
");

  document.write("当前文档的背景色:

"+document.bgColor+"
");

  document.write("当前文档的最后修改日期:

"+document.lastModified+"
");

  document.write("当前文档包含"+document.links.length+"个超链接
");

  document.write("当前文档包含"+document.images.length+"个图像
");

  

  2、使用all属性访问HTML元素 

  在document对象中,all是一个非常特殊的属性。

通过它,可以访问文档中的所有HTML元素对象。

  3、案例3_5:

显示当前HTML文档中出现的所有标记。

  

  vari,cell;

  for(i=0;i

  {

  cell=document.all[i];

  if(i>0)document.write(",");

  document.write(cell.tagName);

  }

  

  

三、表单对象

 

  2、表单处理

  

  (3)程序案例3_7:

设计一个表单,该表单有姓名和某种卡号两个文本输入框,其中这种卡号的格式为XXXX-XXXX-XXXX-XXXX(每个X代表一位数字),要求在用户单击提交按钮“发送”之前验证这两个输入数据的有效性。

  

  functionvalidate()

  {

  if(!

checkName(document.myform.myname.value))returnfalse;

  if(!

checkNum(document.myform.mynumber.value))returnfalse;

  alert("数据完全");

  returntrue;

  }

  functioncheckName(s)

  {

  varok=(s.length>0);

  if(!

ok)alert("名字输入有误,请查核!

")

  returnok;

  }

  functioncheckNum(n)

  {

  varok,i,ch;

  ok=(n.charAt(4)=="-"&&n.charAt(9)=="-"&&n.charAt(14)=="-");

  if(!

ok)

  {

  alert("<"+n+">卡号输入有误,请查核!

");

  returnfalse;

  }

  i=0;

  while(i<19)

  {

  ch=n.charAt(i);

  if(ch!

="-"&&(ch>"9"||ch<"0")){

  alert("<"+n+">卡号输入有误,查核!

")

  returnfalse;

  }

  i++;

  }

  returntrue;

  }

  

  

实验内容一:

浏览器事件及处理

 

  1、load事件:

发生在浏览器完成网页的加载之后。

  

')">

  欢迎访问我的主页!

  

  2、unload事件:

发生在浏览器载入新网页之前。

  3、submit事件:

发生在提交表单数据给服务器处理时。

  

  functioncheckit(){//数据验证函数

  varstrval=document.myform.mytext.value;

  varintval=parseInt(strval);

  if(0

  alert("提交成功!

");

  returntrue; 

  }

  else{

  alert("输入值"+strval+"超过了允许的范围!

");

  returnfalse;

  }

  }

  

 

  4.Click事件:

发生在表单上某个对象被单击时

  

  functionhello_girl()

  {

    alert("小姐,您好!

");

  }

  functionhello_boy()

  {

  alert("先生,你好!

");

  }

  

  

  

  

  

  

  

  

  

实验内容四:

其他事件及处理

  1.Change事件:

文本输入框失去焦点,同时其中的值发生改变时。

  

  

  chang事件处理

  

  functionchange(){

  varcurform=document.all.myform;

  curform.money.value=curform.country.options[curform.country.selectedIndex].value;

  }

  

  

  

  

  

人民币和各种外汇比价折算。

  请选择一种外汇...

  

  

  美元

  英镑

  欧元

  日元

  

  一元这样的外币可以兑换

  

  元人民币

  

  

  

  

  2.Select事件:

选定文本输入框的一段文本后

  

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 经管营销 > 经济市场

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2