javascript程序设计实验1

《javascript程序设计实验1》由会员分享，可在线阅读，更多相关《javascript程序设计实验1（21页珍藏版）》请在金锄头文库上搜索。

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

2、2 、掌握 JavaScript 对话框的使用 3 、掌握 JavaScript 函数的定义及调用 4 、掌握分支结构的 JavaScript 程序设计 5 、掌握循环结构的 JavaScript 程序设计 【实验重点】 1 、掌握 JavaScript 函数的定义及调用 2 、掌握分支结构的 JavaScript 程序设计 3 、掌握循环结构的 JavaScript 程序设计 【实验难点】 1 、掌握分支结构的 JavaScript 程序设计 2 、掌握循环结构的 JavaScript 程序设计 【实验过程】 实验内容一： JavaScript 变量、表达式和运算符 1 、程序案例 1 显示

3、年龄 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: 标价

4、; rate: 税率 ; paid: 付款额 ; tax: 税额 list = paid/(1+rate); / 标价 = 付款额 / (1+ 税率 ) tax = paid - list; document.writeln( 标价 =+list); document.writeln( 税额 = + tax); 3 、思考题： 设计 JavaScript 程序，在网页上输出半径为 3 的圆的面积和周长。 实验内容二： JavaScript 对话框 教师演示 JavaScript 对话框的程序案例，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。 1 、警示对话框程序案例 a

5、lert( 欢迎浏览本页面！ ); 2 、确认对话框程序案例 var visited,show_text; visited=confirm( 您来过四川农业大学吗？ ); show_text = visited? 您也认为四川农业大学很美吧！ : 欢迎您有机会来四川农业大学参观 !; document.write(show_text); 3 、提示对话框程序案例 var name; name=prompt( 请输入您的姓名 :,); document.write( 尊敬的 +name+ ：欢迎您进入我的主页！ ); 4 、思考题： 设计密码检测程序，密码输入正确，显示 “ 欢迎访问 ” ，不正

6、确显示 “ 密码不正确，好好想哟 ” 。 实验内容三： JavaScript 函数的定义及调用 教师演示 JavaScript 函数的定义及调用的程序案例，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。 1 、程序案例 1 素数判断 function IsPrime(p) if(p 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 的值为

7、： ,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 比如 va

8、r temp = isNaN(123);alert(temp); 那么提示的是 false实验内容四： JavaScript 分支结构程序设计 1 、分支结构程序案例 1 两个数排序 var x,y,temp; x = parseFloat(prompt( 请输入 x 的值： ,0); y = parseFloat(prompt( 请输入 y 的值： ,0); if (xy) temp = x; x = y; y = temp; document.writeln( 排序后 ,x= + x +;y= + y) 2 、分支结构程序案例 2 常识问答 var answer; answer = pro

9、mpt( 中国的首都在哪个城市 ?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)

10、; break; 3 、思考题： 根据成绩给出学生的考评：如果成绩 =85, 考评 “ 优 ” ，否则如果成绩 =60 ，考评 “ 及格 ”, 否则考评为 “ 不及格 ” 。 实验内容五： JavaScript 循环结构程序设计 教师演示 JavaScript 循环结构程序设计的程序案例，学生按照教师的操作步骤，自己编写该程序。 1 、循环结构程序案例 1 求 1+2+3+100 的累计和 var i,sum=0; for(i=1;i 2 、循环结构程序案例 2 二位整数相加的测试程序 var go_on,x,y,result,answer do x = Math.floor(Math.ran

11、dom() *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

12、 (input=null | input=Q | input=q) break; if (isNaN(input) continue; input_number = parseFloat(input); if (input_number 4 、思考题： 在页面上显示一个 “9 9 乘法表 ” 。 【实验小结】 通过这次实验，同学们熟悉了 JavaScript 变量、表达式和运算符，理解了 JavaScript 对话框的使用，掌握了 JavaScript 函数的定义及调用，掌握了分支结构的 JavaScript 程序设计，掌握了循环结构的 JavaScript 程序设计。 实验项目 2内置函数和

13、对象【实验内容】 1 、 JavaScript 内置函数的应用 2 、 JavaScript 内置对象的应用 3 、 JavaScript 浏览器对象的应用 【实验参考】 网页设计与制作 重庆大学出版社 网页标题制作技巧与实例 清华大学出版社 javascript 入门与提高 清华大学出版社 javascript 宝典 电子工业出版社【实验设备】 计算机，投影机 【实验目的与要求】 1 、掌握 JavaScript 内置函数的使用方法 2 、掌握 JavaScript 常用内置对象的属性和方法 3 、掌握 JavaScript 浏览器对象的含义 4 、掌握使用浏览器对象提供的信息来完成一定功能

14、的网页设计。 【实验重点】 1 、掌握 JavaScript 内置函数的使用方法 2 、掌握 JavaScript 常用内置对象的属性和方法 3 、掌握 JavaScript 浏览器对象的含义 【实验难点】 1 、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。 【实验过程】 实验内容一： JavaScript 内置函数的应用 1 、 eval( ) ：计算字符串表达式的值 2 、 parseFloat( ) 和 parseInt( ) ：将字符串开头的整数或浮点数分解出来，转换为整数或浮点数 3 、 isNaN( ) ：确定一个变量是否为 NaN （ Not a Number ） 4

15、、 escape( ) ：将字符串中的非字母数字字符转换为按格式 %XX 表示的数字 5 、 unescape( ) ：将字符串格式为 %XX 的数字转换为字符 6 、程序案例 1_1 ：求用户在提示对话框中输入的表达式的值。 alert(eval(prompt( 请输入一个常量表达式 , 运算符可以是 JavaScript 所允许的任何运算符 , 而操作数只能是常量。如 123*321/9, 我将为您计算出结果。 ,65+98+96) 7 、思考题：判断用户输入的字符是不是数字，如果是，分别将其转换成浮点数和整数，并显示到网页上。 var input = prompt( 请输入字符！ ,); alert(is