(1969013)Web脚本语言基础实验指导书2015-2016

2.完成下拉列表的动态添加

分别用

1-document.的对象和方法完成 2-文档对象模型的方法完成

四、实验报告要求

1. 你怎么理解event

2. 写出在实验中遇到的问题和解决的方法

实验三 文档对象模型的使用

预习要求：复习文档对象的常用属性、方法与事件；document对象的应用。初步实现实验内容。 一、实验目的

1. 使学生掌握在JavaScript脚本中DOM控制HTML表单及表单元素的方法。

包括表单的引用、表单元素的引用与值的处理、使用JavaScript脚本处理表单。通过实训，学生应具备利用脚本熟练处理表单数据、输出表单以及表单提交时数据合法性验证的能力。

2. 掌握DOM的使用，达到动态的修改网页。 二、实验要求

1、使用脚本编写工具或常用网页制作工具，设计合适的网页界面，编写相2、脚本编写应符合JavaScript代码规范，有适当的缩进和注释、标识符的命名。通过在IE中预览不存在任何脚本错误；

3、认真撰写实训报告。 三、实验内容

(一) 访问表单及表单元素 1) 设计下图所示表单， 2) 输出所填及所选内容

3) 文本框在获得焦点时应清除内容

关脚本，实现实验内容所列示的脚本设计目的；

(二) 用DOM动态的修改网页

1. 初始网页效果如图一

2. 3.

在输入姓名、性别和班级后单击“add”按钮可以把数据添加至表格最后一行

选中删除列的多选框后点击“del”按钮可以删除所选行信息

4.

完成下面网页的功能

5.发挥你的想象,完善此输入网页的用户友好性。 四、实验报告要求

1. 独立完成实验内容； 2. 保存制作的网页；

3. 记录实验过程存在的问题，书写实验报告。

实验四 Javascript其他窗口对象

预习要求：复习window对象的属性、方法与事件。初步实现实验内容。 一、实验目的

使学生掌握window对象常用的属性、方法、事件等。通过实训，应该达到对这些对象的灵活运用。 二、实验要求

1、使用脚本编写工具或常用网页制作工具，设计合适的网页界面，编写相2、脚本编写应符合JavaScript代码规范，有适当的缩进和注释、标识符的命名。通过在IE中预览不存在任何脚本错误；

3、认真撰写实训报告。 三、实验内容

项目一、在打开网页后弹出一个有宽200,高300的窗口,且在该网页关闭后，项目二、设计弹出式菜单。 项目三、在状态栏上显示当前时间。

项目四、在一个窗口中输入内容，显示在另一个窗口中。 四、实验要求

1. 独立完成实验内容； 2. 保存制作的网页；

3. 记录实习过程存在的问题，书写实验报告。

弹出的窗口也关闭。

关脚本，实现实验内容所列示的脚本设计目的；