原版javascript程序设计实验指导书.docVIP

《Javascript程序设计》实验指导书 一、课程性质和教学目的 JavaScrip是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 学习Javascript必须理论联系实际，多做上机练习。只有在上机实验过程中才能真正学会程序设计。本实验报告主要包括学期内各个实验的实验目的、实验内容、实验记录、实验总结等，供学生学习记录，以提高学习效率。参加实验的学生应参照本报告手册的要求，认真实验，如实填写实验数据，并对实验结果进行分析，阐述实验中所遇到的问题，提出解决问题的方法。 二、实验目的 上机实验的目的不仅是为了验证教材和讲课的内容，或者验证自己所编写的程序正确与否。学习程序设计上机实验的目的是： 1.加深对讲授内容的理解，尤其是一些语法规定，课堂讲授既枯燥无味又难以记忆，但它们都很重要。能过多次上机就能自然地、熟练地掌握。通过上机掌握语法是行之有效的方法。 2.学会上机调试程序。即善于发现程序中的错误，并且能很快排除这些错误，使程序能正确运行。要真正掌握这门课程，不仅应当了解和熟悉有关理论和方法，还要求自己动手实现即会编程并上机调试通过。故应给予充分重视。调试程序固然可以借鉴他人的现成经验，但更重要的是通过自己的直接实践来累积经验，而且有些经验是只能意会难以言传。调试程序的能力是每个程序设计人员应当掌握的一项基本功。 3.做实验时不要在程序通过后就认为搞定、完成任务了，而应当在己通过的程序甚而上作一些改动（例如修改一些参数、增加程序一些功能、改变输入数据的方法等），以观察和分析所出现的情况。 三、上机实验前的准备工作 实验前应做好准备工作，以充分利用有限的上机时间。准备工作至少包括： 1.复习和掌握本实验有关的教学内容。 2.准备好上机所需的程序。初学者切忌不编写程序或抄别人的程序去上机，应从一开始就养成严谨的科学作风。 3.对运行上可能出现的问题应事先作出估计；对程序中自己有疑问的地方，应作上记号，以便在上机时给予注意。 4. 根据实验内容认真准备实验程序及调试时所需的输入数据。 5.在上实验课之前必须写好预习报告（编程题源程序用纸写好或画好程序流程图） 6.填空与改错题等题要预先做好，上机时的工作只能是输入源程序和调试修改。 7.认真完成实验内容，得出正确的实验结果。实验结束后总结实验内容、书写实验报告。 8.遵守实验室规章制度、不缺席、按时上、下机。 四、实验环境 代码编写环境：可根据机房主机条件自己决定。推荐notepad，Dreamweaver，eclipse，hbuilder等。 页面预览环境：建议学生及早考虑和适应跨浏览器自适应问题。推荐Firefox，google chrome，世界之窗，Internet Explorer等。 实验一 Javascript基本页面操作 实验目的 1.JS页面基本结构。 2.JS中变量基本格式。 3.变量与字符串相连接并显示结果。 4.使用按钮与function一一对应来实现代码功能。 实验内容 1.在C盘下创建文件夹1.1。在文件夹内创建一个txt文档，并命名为xx.1.html。xx是你学号后两位。然后把课本P10的程序1.1输入该文档，并把title内容改为你自己的名字。alert内容改为你的名字加欢迎标语。alert后面是P9的最后一行，但是把 里面的内容换成你自己的名字。保存该文档，并用google浏览器查看效果。 2.请将课本P10倒数第四行代码中的alert换成document.write并保存。你可以把任务01答案.html中的代码直接进行修改。然后用google浏览器打开这个页面看效果。想想alert和write的功能各是什么。 3.请看课本P12的1.11练习，将任务01的页面代码的script中增加alert(document.title)。保存后用google浏览器打开看效果。 4.我们一般建议在body中完成页面的布局设计，而将script代码放在head中。我们为了能够确保让程序执行结果显示在我们指定的位置，一个最简单的方法是：在body中创建一个div，然后让它来显示程序执行的结果。因为我们可以控制div出现的位置，所以就等于可以控制程序执行结果出现的位置。我们一般在body中这样放置一个id唯一的div div id=d1/div然后再在script中通过如下代码来使该div显示指定内容document.getElementById(d1).innerHTML=欢迎您访问我的页面; 5.我们现在来学习js代码的两个基本概念。