javascript实验.pdf

长江职业学院Javascript语言程序设计实验指导书专业：学号：姓名：班级：指导老师：软件教研室编实验一JavaScript基本操作一、实验目的熟练掌握在HTML文件中编写JavaScript程序的基本操作，及在MicrosoftInternetExplorer浏览器和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()四、思考练习