javascript实验.docx
《javascript实验.docx》由会员分享，可在线阅读，更多相关《javascript实验.docx（27页珍藏版）》请在冰豆网上搜索。
javascript实验
长江职业学院
Javascript语言程序设计实验指导书
专业：
学号：
姓名：
班级：
指导老师：
软件教研室编
实验一JavaScript基本操作
一、实验目的
熟练掌握在HTML文件中编写JavaScript程序的基本操作，及在MicrosoftInternet
Explorer浏览器和Netscape的Nevigator浏览器中调试JavaScript的基本操作。
二、实验内容
1、用NotePad创建一个简单的.htm文件，在MicrosoftInternetExplorer浏览器中浏览效果。
2、编写第1章中的实例源文件，并在MicrosoftInternetExplorer浏览器中进行测试。
3、调试一段JavaScript程序，找出其中的错误。
三、实验步骤
1、通过windows的文件管理器，在c盘下新建一个文件夹jsp_ex,用于保存实验中的文件，如图1-1所示。
2、在windows中打开“记事本”，（也可以用其他编辑html文件的工具软件，如Microsoftfrontpage,MacromediaDreamweaver等，编写例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的基本编程概念和编程技术，熟练掌握JavaScript程序语言的数据类型、表达式、运算符及基本控制语句，并学习基本的对象概念和事件处理程序。
二、实验内容
1、编写第2章中的实例源文件，并且在MicrosoftInternetExplorer浏览器中测试。
2、编写一个显示学生成绩信息的网页，网页中有两个或更多的按钮，分别代表需要显示信息的学生，点击后可以得到该学生的总成绩、平均成绩、平均成绩的级别等，如图2-1所示，并在MicrosoftInternetExplorer浏览器中测试。
三、实验步骤
a）在c:
\jsp_ex文件夹下新建一个。
b）改写例2-5，其功能不变，即输入参数的总和，但是函数名改为sum，函数的返回值是计算后的总和。
functionsum（）{
varret=0;
elseif（score>=80）
……
elseif（score>=70）
……
else
……..
returnret;
}
c）编写一个函数，函数名为msg，根据输入参数返回不同的信息：
如果级别是“A”,返回“祝贺你去的了好成绩”；如果级别是“B”返回“成绩不错，继续加油”,如果级别是”C”,返回“必须加油啊”。
用switch实现。
functionmsg（level）{
varret=""; case（"B"）:
……
default:
……
}
returnret;
}
d）编写一个对象函数，函数名为student，输入参数共有6项，分别为：
学生姓名name
数学成绩math
语文成绩chinese
英语成绩english
自然成绩science
体育成绩gym
对象的属性包括了上述的输入参数项，对象的方法共有5个，分别为：
总成绩sum
平均成绩average
平均成绩的级别level
根据成绩返回的信息msg
总信息toString（）
其中前4个对象方法已经在步骤2-5中完成，最后一个方法可以在对象函数中直接定义，它将返回最终需要显示的所有信息。
functionstudent（name,math,chinese,english,science,gym）{
=name;
…….
=functiontoString（）{
vars=+":
\n";
vartheSum=,,,,;
vartheAve=,,,,;
vartheLevel=（theAve）;
s+="你的总成绩是" +theSum+"\n";
s+="你的平均成绩是" +theAve+"\n";
s+="你的平均成绩级别是" +theLevel+"\n";
s+="\n"+（theLevel）;
returns;
}
7、最后制作HTML内容——两个按钮，然后分别应用于onclick事件调用对象student的方法toString（）
四、思考练习
i.增加一个函数maxScore，返回6门成绩的最高分，并显示在对话框中。
ii.增加一个函数minScore,返回6门成绩的最低分，并显示在页面上。
实验三JavaScript常用内置对象
一、实验目的
熟练掌握JavaScript数组对象、字符串对象、数学对象及日期对象。
二、实验内容
1、编写第3章中的实例源文件，并在MicrosoftInternetExplorer浏览器中进行调试。
2、按下述要求编写常用的JavaScript函数。
trim（s）:
去掉s中的首尾空格及连续空格中的多余空格，返回处理后的字串。
replaceStr（inStr,oldStr,newStr）:
将字串inStr中的oldStr用newStr替换，返回替换后的新字串。
isEmptyString（s）:
如果去空格后的s长度为0，返回true，否则，返回false
isValidString（s）;给出有效字串，如果s在有效字串中，返回true，否则返回false
isNumber（s）:
使用isValidString（s）函数，其中有效字串为字数。
isFloat（s）:
使用isValidString（s）函数，其中有效字串为数字及“.”。
isMaxString（s,c）;如果s长度小于等于c，返回true，否则，返回false
isRange（s,s1,s2）;如果s长度大于等于c，返回true，否则，返回false
isRange（s,s1,s2）：
如果s大于等于s1，并且小于等于s2，返回true，否则返回false
isArray（o）:
如果o的（）中包含array，返回true，否则返回false
isEmail（s）:
如果s中包含“@”和“.”，返回true，否则返回false
capFirst（s）:
将s中的第一个字符变为大写字符，返回处理后的字串。
indexOfArray（a,s）:
如果s为Arraya中的一个元素，返回该元素的序列号，否则返回-1.
3、编写一个“猜美国州名的游戏”的网页，如图3-1所示。
A:
用户输入所猜的美国州名后，按回车。
B:
如果猜错了，将会得到提示信息，一共有4次提示：
第一个提示的是该州名的第1个字母，第2个提示的是该州名的最后一个字母，第3个提示的是该州名的长度，最后一个提示的是该州名第3个字母。
C:
如果猜对了，将会得到祝贺信息，并显示回答问题的时间。
三、实验步骤
第一：
在c:
\jsp_ex文件夹中新建一个文件。
第二：
首先编写HTML文件。
a）
标记中应用onload事件，调用clearBox（）的JavaScript程序，用于每次刷新网页时都清空用户输入域。
b）使用
标记制作标题“猜美国州名游戏”。
c）制作一对