《Web交互开发》实验教学指导/实验二: JavaScript编程应用 《Web交互开发》实验教学指导 实验二: JavaScript编程应用 、实验目的(5分) 1、掌握 JavaScript内置对象的使用 2、掌握 Javascript事件的使用; 3、掌握 JavaScript图像处理的方法 4、理解 JavaScript编程的思路; 5、掌握 JavaScript程序执行的过程 二、实验环境(5分) 1、 Windows xP/ Windows7操作系统的计算机 2、局域网网络环境,并且使用固定IP地址。 、实验要求(5分) 1、完成计时器的设计 2、完成列表的相关操作 3、完成注册表单; 4、完成图片验证码的实现; 5、完成下拉菜单的编写。 四、实验原理(5分) 1、 Window对象的使用; 2、DOM编程原理; 3、 JavaScript事件机制 五、实验步骤(40分) 1、计时器 (1)计时器的功能:单击“开始计时”按钮后启动计时器,输入框会从0开始计时;单 暂停计时”后可以暂停计时。代码如下: metahttp-equiv="content-type"content=text/html;charset=utf-81> <script language=javascript"> var timeID function begot var iform l num value forml num value=i timed= Timeout("beg(", 1000); 本讲共计6页|当前第1页《Web 交互开发》实验教学指导 / 实验二 ：JavaScript 编程应用 本讲共计 6 页 | 当前第 1 页 《Web 交互开发》实验教学指导 实验二：JavaScript 编程应用 一、实验目的（5 分） 1、掌握 JavaScript 内置对象的使用； 2、掌握 JavaScript 事件的使用； 3、掌握 JavaScript 图像处理的方法； 4、理解 JavaScript 编程的思路； 5、掌握 JavaScript 程序执行的过程。 二、实验环境（5 分） 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、完成计时器的设计； 2、完成列表的相关操作； 3、完成注册表单； 4、完成图片验证码的实现； 5、完成下拉菜单的编写。 四、实验原理（5 分） 1、Window 对象的使用； 2、DOM 编程原理； 3、JavaScript 事件机制； 五、实验步骤（40 分） 1、计时器 （1）计时器的功能：单击“开始计时”按钮后启动计时器，输入框会从 0 开始计时；单 击“暂停计时”后可以暂停计时。代码如下： <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script language="javascript"> var flag=0; var timeID; function beg(){ var i=form1.num.value; i++; form1.num.value=i; timeID=setTimeout("beg()",1000); }