没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论

















实验项目 1 javascript 程序设计
【实验内容】
1 、 JavaScript 变量、表达式和运算符的使用
2 、 JavaScript 对话框的使用
3 、 JavaScript 函数的定义及调用
4 、 JavaScript 分支结构程序设计
5 、 JavaScript 循环结构程序设计
【实验参考书】
《网页设计与制作》 ………………………………………………………… 重
庆大学出版社
《网页标题制作技巧与实例》 ……………………………………………… 清
华大学出版社
《 javascript 入门与提高》 ……………………………………………… 清华
大学出版社
《 javascript 宝典》 ……………………………………………………… 电子
工业出版社
【实验设备】
计算机,多媒体
【实验目的与要求】
1 、掌握 JavaScript 变量、表达式和运算符的使用
2 、掌握 JavaScript 对话框的使用
3 、掌握 JavaScript 函数的定义及调用
4 、掌握分支结构的 JavaScript 程序设计
5 、掌握循环结构的 JavaScript 程序设计
【实验重点】
1 、掌握 JavaScript 函数的定义及调用
2 、掌握分支结构的 JavaScript 程序设计
3 、掌握循环结构的 JavaScript 程序设计
【实验难点】
1 、掌握分支结构的 JavaScript 程序设计
2 、掌握循环结构的 JavaScript 程序设计
【实验过程】
实验内容一: JavaScript 变量、表达式和运算符
1 、程序案例 1 -显示年龄
<script language=javascript>

var name; // 声明变量 name
var age; // 声明变量 age
name=" 张三 "; // 把字符串 " 张三 " 存储到变量 name 中
age=20; // 把整数 20 存储到变量 age 中
document.write(name); // 读取变量 name 的值,并将它显示在页面上
document.write(" 的年龄是 :"); // 在页面上输出 " 的年龄是 :"
document.write(age); // 读取变量 age 的值,并将它显示在页面上
</script>
2 、程序案例 2 -税额计算
<script language="javascript">
var list,rate=0.05,paid=105,tax; // list: 标价 ; rate: 税率 ; paid: 付款额 ; tax:
税额
list = paid/(1+rate); // 标价 = 付款额 / (1+ 税率 )
tax = paid - list;
document.writeln(" 标价 ="+list);
document.writeln(" 税额 =" + tax);
</script>
3 、思考题:
设计 JavaScript 程序,在网页上输出半径为 3 的圆的面积和周长。
实验内容二: JavaScript 对话框
教师演示 JavaScript 对话框的程序案例,学生按照教师的操作步骤,自己
动手编写该程序,并完成教师布置的思考题。
1 、警示对话框程序案例
<script language="javascript">
alert(" 欢迎浏览本页面! ");
</script>
2 、确认对话框程序案例
<script language=javascript>
var visited,show_text;
visited=confirm(" 您来过四川农业大学吗? ");
show_text = visited?" 您也认为四川农业大学很美吧! ":" 欢迎您有机会来
四川农业大学参观 !";
document.write(show_text);
</script>
3 、提示对话框程序案例
<script language=javascript>
var name;

name=prompt(" 请输入您的姓名 :","");
document.write(" 尊敬的 "+name+" :欢迎您进入我的主页! ");
</script>
4 、思考题:
设计密码检测程序, 密码输入正确, 显示 “ 欢迎访问 ” ,不正确显示 “ 密
码不正确,好好想哟 ” 。
实验内容三: JavaScript 函数的定义及调用
教师演示 JavaScript 函数的定义及调用的程序案例,学生按照教师的操作
步骤,自己动手编写该程序,并完成教师布置的思考题。
1 、程序案例 1 -素数判断
<script language=javascript>
function IsPrime(p)
{
if(p<1) return false;
var i;
for(i=2;i<p;i++) if (p%i==0) return false;
return true;
}
var x;
x=parseInt(prompt(" 请输入 1-100 之间的数字 ","1"));
alert(" 该数是否为素数: " + IsPrime(x));
</script>
2 、程序案例 2 -局部变量和全局变量
<script language="javascript">
function first(p,q) {
p=p*2;
b=b+1;
var c=100;
document.writeln("P 的值为: ",p,"<br>");
document.writeln("a 的值为: ",a,"<br>");
document.writeln("b 的值为: ",b,"<br>");
document.writeln("c 的值为: ",c,"<br>");
}
var a=1, b=2, c=3;
first(a,b);
document.writeln("a 的值为: ",a,"<br>");
document.writeln("b 的值为: ",b,"<br>");

document.writeln("c 的值为: ",c,"<br>");
</script>
3 、思考题:设计检测手机号码的程序。
提示: 手机号码应该是 11 位数字,并且手机号码应该以 13 开头。
在 JavaScript 中 isNaN ()方法如何使用:
isNaN( 加你要判断的值 ,可以是变量 ) 判断这个值是不是不是一个数并返回 true 或者 false 比如
var temp = isNaN(123);
alert(temp);
那么提示的是 false
实验内容四: JavaScript 分支结构程序设计
1 、分支结构程序案例 1 -两个数排序
<script language=javascript>
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)
</script>
2 、分支结构程序案例 2 -常识问答
<script language=javascript>
var answer;
answer = prompt(" 中国的首都在哪个城市 ?\nA. 香港 \tB. 广州 \tC. 北京
\tD. 上海 ","E");
switch(answer)
{

case "a":
case "A":
alert(" 错!香港是中国的特别特政区 ");
break;
case "b":
case "B":
alert(" 错!广州是中国南部的大都市 ");
break;
case "c":
case "C":
alert(" 对!北京是中国的首都,在中国北方 ");
break;
case "d":
case "D":
alert(" 错!上海是中国东部的大都市 ");
break;
default:
alert(" 选择错误 ! 只能选填字母 A 、 B 、 C 或 D");
break;
}
</script>
3 、思考题:
根据成绩给出学生的考评:如果成绩 >=85, 考评 “ 优 ” ,否则如果成
绩 >=60 ,考评 “ 及格 ”, 否则考评为 “ 不及格 ” 。
实验内容五: JavaScript 循环结构程序设计
教师演示 JavaScript 循环结构程序设计的程序案例,学生按照教师的操作
步骤,自己编写该程序。
1 、循环结构程序案例 1 -求 1+2+3+…+100 的累计和
<script language=javascript>
var i,sum=0;
for(i=1;i<=100;i++) {
sum += i;
}
document.write("1+2+3+...+100="+sum);
</script>
2 、循环结构程序案例 2 -二位整数相加的测试程序
<script language=javascript>
剩余20页未读,继续阅读
资源评论

筱筱笎琞
- 粉丝: 8
- 资源: 15万+

上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助

会员权益专享
安全验证
文档复制为VIP权益,开通VIP直接复制
