实验项目1javascript程序设计
【实验容】
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 -显示年龄
var name; // 声明变量name
var age; // 声明变量age
name=" 三"; // 把字符串" 三" 存储到变量name 中
age=20; // 把整数20 存储到变量age 中
document.write(name); // 读取变量name 的值,并将它显示在页面上
document.write(" 的年龄是:"); // 在页面上输出" 的年龄是:"
document.write(age); // 读取变量age 的值,并将它显示在页面上
2 、程序案例 2 -税额计算
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);
3 、思考题:
设计JavaScript 程序,在网页上输出半径为 3 的圆的面积和周长。
实验容二:JavaScript 对话框
教师演示JavaScript 对话框的程序案例,学生按照教师的操作步骤,自己动手编写该程序,并完成教师布置的思考题。
1 、警示对话框程序案例
alert(" 欢迎浏览本页面!");
2 、确认对话框程序案例
var visited,show_text;
visited=confirm(" 您来过农业大学吗?");
show_text = visited?" 您也认为农业大学很美吧!":" 欢迎您有机会来农业大学参观!";
document.write(show_text);
3 、提示对话框程序案例
var name;
name=prompt(" 请输入您的:","");
document.write(" 尊敬的"+name+" :欢迎您进入我的主页!");
4 、思考题:
设计密码检测程序,密码输入正确,显示“ 欢迎访问” ,不正确显示“ 密码不正确,好好想哟” 。
实验容三: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));
2 、程序案例 2 -局部变量和全局变量
function first(p,q) {
p=p*2;
b=b+1;
var c=100;
document.writeln("P 的值为:",p,"
");
document.writeln("a 的值为:",a,"
");
document.writeln("b 的值为:",b,"
");
document.writeln("c 的值为:",c,"
");
}
var a=1, b=2, c=3;
first(a,b);
document.writeln("a 的值为:",a,"
");
document.writeln("b 的值为:",b,"
");
document.writeln("c 的值为:",c,"
");
3 、思考题:设计检测手机的程序。
提示:手机应该是11 位数字,并且手机应该以13 开头。
在JavaScript中isNaN()方法如何使用:
isNaN(加你要判断的值,可以是变量) 判断这个值是不是不是一个数并返回true 或者false 比如var temp = isNaN(123);
alert(temp);
那么提示的是false
实验容四: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)
2 、分支结构程序案例 2 -常识问答
var answer;
answer = prompt(" 中国的首都在哪个城市?\nA. 香港\tB. \tC. \tD. ","E");
switch(answer)
{
实验项目:浏览器脚本语言及其应用 实验类型:设计 实验课时:4 实验目的:研究javascript及其应用 实验方案: 1 研究将JavaScript引入HTML页面 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
3 研究JavaScript名称 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。 3 研究JavaScript值 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。