当前位置:文档之家› javascript程序设计实验1

javascript程序设计实验1

javascript程序设计实验1
javascript程序设计实验1

实验项目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 -显示年龄

2 、程序案例 2 -税额计算

3 、思考题:

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

实验容二:JavaScript 对话框

教师演示JavaScript 对话框的程序案例,学生按照教师的操作步骤,自己动手编写该程序,并完成教师布置的思考题。

1 、警示对话框程序案例

2 、确认对话框程序案例

3 、提示对话框程序案例

4 、思考题:

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

实验容三:JavaScript 函数的定义及调用

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

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

2 、程序案例 2 -局部变量和全局变量

3 、思考题:设计检测手机的程序。

提示:手机应该是11 位数字,并且手机应该以13 开头。

在JavaScript中isNaN()方法如何使用:

isNaN(加你要判断的值,可以是变量) 判断这个值是不是不是一个数并返回true 或者false 比如var temp = isNaN(123);

alert(temp);

那么提示的是false

实验容四:JavaScript 分支结构程序设计

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

2 、分支结构程序案例 2 -常识问答

3 研究JavaScript名称 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。 3 研究JavaScript值 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。 2降序排列 数组数字大小排序

降序排列: 这里写个数组var array=[59,689,62,92,68,10]; 降序输出 ②字符串的交叉合并练习

javascript实验

长江职业学院Javascript语言程序设计实验指导书 专业: 学号: 姓名: 班级: 指导老师: 软件教研室编

实验一 JavaScript基本操作 一、实验目的 熟练掌握在HTML文件中编写JavaScript程序的基本操作,及在Microsoft Internet Explorer浏览器和Netscape的Nevigator浏览器中调试JavaScript的基本操作。 二、实验内容 1、用NotePad创建一个简单的.htm文件,在Microsoft Internet Explorer浏览器中浏览效果。 2、编写第1章中的实例源文件,并在Microsoft Internet Explorer浏览器中进行测试。 3、调试一段JavaScript程序,找出其中的错误。 三、实验步骤 1、通过windows的文件管理器,在c盘下新建一个文件夹jsp_ex,用于保 存实验中的文件,如图1-1所示。 2、在windows中打开“记事本”,(也可以用其他编辑html文件的工具软 件,如Microsoft frontpage,Macromedia Dreamweaver等,编写例1-1的程序,然后将文件保存在C:\jsp_ex文件夹中。 3、用下述任意一种方法,在浏览器中显示,如图1-2。

A.在图1-1中双击“”文件名。 B.在图1-1中用鼠标右键单击“”,在打开的菜单列表中,如果有所需浏览器名就可以直接点击浏览器名。 C.现在windows中打开所需浏览器,然后按【ctrl】+【o】,在打开的对话框中找到文件。 4、再次编辑文件,将第21行中的“”改写为“”然后按第3步的操作, 得到如图1-3的效果,不能显示“上一次网页更新日期”,这时,通过浏览器的调试工具查找出出错的位置,修改后再次测试。 5、按1-2的步骤,将例1-1改写为“”和“”两个文件即通过外部javascript 文件和html文件一起完成网页的制作。 四、思考练习 1.为什么“上一次网页更新日期”在每一次打开都是同一个时间 2.请写出你在程序编写中出现的错误和改正方法,并分析。

原版Javascript程序设计实验指导书

《Javascript程序设计》实验指导书 一、课程性质和教学目的 JavaScrip是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 学习Javascript必须理论联系实际,多做上机练习。只有在上机实验过程中才能真正学会程序设计。本实验报告主要包括学期内各个实验的实验目的、实验内容、实验记录、实验总结等,供学生学习记录,以提高学习效率。参加实验的学生应参照本报告手册的要求,认真实验,如实填写实验数据,并对实验结果进行分析,阐述实验中所遇到的问题,提出解决问题的方法。 二、实验目的 上机实验的目的不仅是为了验证教材和讲课的内容,或者验证自己所编写的程序正确与否。学习程序设计上机实验的目的是: 1.加深对讲授内容的理解,尤其是一些语法规定,课堂讲授既枯燥无味又难以记忆,但它们都很重要。能过多次上机就能自然地、熟练地掌握。通过上机掌握语法是行之有效的方法。 2.学会上机调试程序。即善于发现程序中的错误,并且能很快排除这些错误,使程序能正确运行。要真正掌握这门课程,不仅应当了解和熟悉有关理论和方法,还要求自己动手实现即会编程并上机调试通过。故应给予充分重视。调试程序固然可以借鉴他人的现成经验,但更重要的是通过自己的直接实践来累积经验,而且有些经验是只能意会难以言传。调试程序的能力是每个程序设计人员应当掌握的一项基本功。 3.做实验时不要在程序通过后就认为搞定、完成任务了,而应当在己通过的程序甚而上作一些改动(例如修改一些参数、增加程序一些功能、改变输入数据的方法等),以观察和分析所出现的情况。 三、上机实验前的准备工作 实验前应做好准备工作,以充分利用有限的上机时间。准备工作至少包括: 1.复习和掌握本实验有关的教学内容。 2.准备好上机所需的程序。初学者切忌不编写程序或抄别人的程序去上机,应从一开始就养成严谨的科学作风。 3.对运行上可能出现的问题应事先作出估计;对程序中自己有疑问的地方,应作上记号,以便在上机时给予注意。 4.根据实验内容认真准备实验程序及调试时所需的输入数据。 5.在上实验课之前必须写好预习报告(编程题源程序用纸写好或画好程序流程图) 6.填空与改错题等题要预先做好,上机时的工作只能是输入源程序和调试修改。

JavaScript实验实训内容

JavaScript 表达式和逻辑控制语句的使用 实验 一.实验目的 掌握JavaScript 的变量; 掌握JavaScript 的数据类型;掌握JavaScript 的运算符;掌握 JavaScript 的逻辑控制语句。 二.实验内容 1、声明一个变量str,为其赋值"Hello World!",显示该值; 改变该变量值为"Hello China!" ,然后再显示该值。 2、将1~10 之间的奇偶数分开,页面呈现方式如下: 3、任意输入一个年份,判断是否为闰年。

实验二函数部分 一.实验目的 掌握JavaScript 的常用函数; 二.实验内容 编写一个函数,在页面上输出1~1000之间所有能同时被3,5,7 整除的证书,并要求每行显示6 个这样的数。 ex050303.htm

 
实验三

实验目的:常用函数的使用。 实验内容: 利用全局变量和函数,设计模拟幸运数字机游戏。设幸运数字为 8,每次 由计算机随机生成 3 个 1~9之间的随机数,当这 3 个随机数中有一个数字 为 8 时,就算赢了一次。 Ex050309.html

   
   
实验三

实验目的:常用函数的使用。 实验内容: 利用全局变量和函数,设计模拟幸运数字机游戏。设幸运数字为8,每次由计算机随机生成3个1~9之间的随机数,当这3个随机数中有一个数字为8时,就算赢了一次。 Ex050309.html varwin_rate=0; //赢率 varplay_times=0; //总次数 varwins=0; //赢的次数 varlast_digits; //上次数字串 varlast_win; //上次是否赢?

      

javascript程序设计实验1

实验项目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 -显示年龄 2 、程序案例 2 -税额计算 3 、思考题: 设计JavaScript 程序,在网页上输出半径为 3 的圆的面积和周长。 实验容二:JavaScript 对话框 教师演示JavaScript 对话框的程序案例,学生按照教师的操作步骤,自己动手编写该程序,并完成教师布置的思考题。 1 、警示对话框程序案例 2 、确认对话框程序案例 3 、提示对话框程序案例 实验内容二:JavaScript 对话框 4 、思考题: 设计密码检测程序,密码输入正确,显示“ 欢迎访问” ,不正确显示“ 密码不正确,好好想哟” 。 实验内容三:JavaScript 函数的定义及调用 教师演示JavaScript 函数的定义及调用的程序案例,学生按照教师的操作步骤,自己动手编写该程序,并完成教师布置的思考题。 1 、程序案例 1 -素数判断

实验三javaScript基础训练

实验三 JavaScript基础训练 一、实验目的: 编写JavaScript代码,熟悉并掌握JavaScript的基本语法、控制结构及函数,掌握JavaScript 内置对象、浏览器对象及自定义对象的使用 二、实验内容: 在MyEclipse环境下编写JavaScript代码,调入或嵌入HTML页面中。 三、实验要求: 1. 熟悉并掌握JavaScript的基本语法、控制结构及函数; 2. 掌握JavaScript内置对象、浏览器对象及自定义对象的使用; 3. 将JavaScript代码嵌入或调入HTML页面,并完成指定效果; 4. 写出实验报告。 四、实验学时:2学时 五、实验步骤: 1.进入MyEclipse环境,新建一个Web Project; 2. 新建一个HTML网页,网页上是注册信息和一个提交按钮与重置按钮,要求用户提交 时检查姓名不能为空且性别必须是“男”或“女”,如果不符合标准则提示错误;使用javascript完成数据校验。

3. 新建一个HTML网页,实现鼠标移动时,一行文字跟随鼠标移动; 六、实验代码: 注册页面代码: 2、思考题: 设计JavaScript 程序,在网页上输出半径为 3 的圆的面积和周长。 实验内容二:JavaScript 对话框 1 、提示对话框程序案例

JavaScript实验报告

第一次JavaScript实验 实验主题:内置对象(1) 实验内容: 1. 熟悉JavaScript常见内置对象及其关系; 2. 熟练应用String对象和Array对象; 3. 动手操作: ①数组的升序与降序排列练习 1 升序排列代码 数组数字大小排序 让数组按照升序降序排列 这里写个数组var array=[89,28,49,654,6758,5768]; 升序输出:

— 2降序排列 数组数字大小排序 降序排列: 这里写个数组var array=[59,689,62,92,68,10]; 降序输出

— ②字符串的交叉合并练习 交叉合并字符串