实验项目1javascript程序设计
3 、思考题:
设计JavaScript 程序,在网页上输出半径为 3 的圆的面积和周长。
var r=3;
var pi=3.1415;
document.writeln(" 圆的半径为:" + r);
document.writeln(" 圆的面积为:" + pi*r*r);
document.writeln(" 圆的周长为:" + 2*pi*r);
实验内容二:JavaScript 对话框
4 、思考题:
设计密码检测程序,密码输入正确,显示“ 欢迎访问” ,不正确显示“ 密码不正确,好好想哟” 。
var password= "123456";
var answer= prompt(" 请输入你的密码","");
alert((answer == password) ? " 欢迎访问" : " 密码不正确,好好想想哟!");
实验内容三:JavaScript 函数的定义及调用
教师演示JavaScript 函数的定义及调用的程序案例,学生按照教师的操作步骤,自己动手编写该程序,并完成教师布置的思考题。
1 、程序案例 1 -素数判断
function IsPrime(p)
{
if(p<1) return false;
var i;
for(i=2;i
return true;
}
var x;
x=parseInt(prompt(" 请输入1-100 之间的数字","1"));
alert(" 该数是否为素数:" + IsPrime(x));
实验内容四:JavaScript 分支结构程序设计
1 、分支结构程序案例 1 -两个数排序
var x,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 ,考评“ 及格”, 否则考评为“ 不及格” 。
var score,grade;
score = parseFloat(prompt(" 请输入学生的成绩:",""));
if (score>=85)
grade=" 优";
else if (score>=75)
grade=" 中";
else if (score>=60)
grade=" 及格";
else
grade=" 不及格";
alert(" 根据学生成绩:" + score +", 评定为:" + grade);
实验内容五:JavaScript 循环结构程序设计
教师演示JavaScript 循环结构程序设计的程序案例,学生按照教师的操作步骤,自己编写该程序。
1 、循环结构程序案例 1 -求1+2+3+…+100 的累计和
var i,sum=0;
for(i=1;i<=100;i++) {
sum += i;
}
document.write("1+2+3+...+100="+sum);
2 、循环结构程序案例 2 -二位整数相加的测试程序
var go_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 -累加用户输入的整数
var input,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 乘法表” 。
var i,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 、思考题:判断用户输入的字符是不是数字,如果是,分别将其转换成浮点数和整数,并显示到网页上。
var input = 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++) {
var number = Math.floor(Math.random()*90)+10;
document.write(" 随机数"+i+" :"+number+"
");
}
三、Date 对象
4 、思考题:在网页上显示当前日期和时间,并显示是星期几。
var week,today,week_i;
week=new Array(" 星期日"," 星期一"," 星期二"," 星期三"," 星期四"," 星期五"," 星期六");
today=new Date();
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 对象的常用方法
var mystr = "look at this";
document.writeln(mystr.charAt(5));
document.writeln(mystr.substring(5,7));
document.writeln(mystr.toUpperCase());
document.writeln(mystr.indexOf("oo"));
7 、思考题:将用户输入的字符串反向输出到页面上,并且要求将其中的小写字母转换为大写字母。例如,如果输入”abc123” ,则输出”321CBA” 。
var origin_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 语句,显示数组的值。
var classmates,i;
classmates = new Array(" 张月"," 李良"," 王力"," 何芳");
for(i in classmates)
document.write(" 第"+(parseInt(i)+1)+" 个同学是:"+classmates[i]+"
");
实验内容三:JavaScript 内置对象的应用
3 、程序案例3_1 :设计一个有三个超链接的页面,单击这些链接时分别打开和关闭新窗口,以及关闭本身窗口
var newwin;
function opennewwin()
{
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");
}
function closenewwin()
{
newwin.close();
}
6 、思考题:设计一个页面,当这个页面显示后 3 秒内用户没有移动过鼠标,将自动显示另一个页面。
var timeout;
function window_onload()
{
timeout=setTimeout("navigate('https://www.doczj.com/doc/5512091429.html,');",3000);
}
function window_onmousemove()
{
clearTimeout(timeout);
}