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

发布时间 : 星期四 文章(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. 记录实习过程存在的问题,书写实验报告。

弹出的窗口也关闭。

关脚本,实现实验内容所列示的脚本设计目的;