WEB脚本实验指导书
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《WEB脚本语言基础》
实验指导书
（自编教材）
课程代码：1969013
开课院（系）、实验室：华信软件学院实训C509 适用专业：软件工程
实验一数据表示、常用函数、流程控制的应用
预习要求：复习javascript的基本语法。初步编好实验程序。
一、实验目的
1.综合利用JavaScript客户端的数据表示、常用函数、程序流程控制结构
及数组的运用；
2.熟悉客户端脚本语言的内置对象的应用；
3.熟悉浏览器对象体系中常用对象的作用、方法、属性；
二、实验基本要求
1、使用脚本编写工具或常用网页制作工具，设计合适的网页界面，编写相关脚本，实现实验内容所示的脚本设计目的；
2、脚本编写应符合JavaScript代码规范，有适当的缩进和注释、标识符的命名。通过在IE中预览不存在任何脚本错误；
3、认真撰写实训报告。
三、实验任务
（一）数据表示、常用函数、流程控制
1．目的要求：
熟悉JavaScript客户端的数据表示、常用函数、程序流程控制结构及数组的运用
2．实验内容
完成下列程序的编写：
（1）在下面的HTML文档中，编写函数test() ,实现如下功能：A．当多行文本框中的字符数超过20个，截取至20个
B．在id为number的td中显示文本框的字符个数
（2）在网页上通过表格输出10个随机数的从大到小的排列结果。
（3）在下面的HTML文档中，编写函数test() ,实现如下功能：A．文本框失去焦点时，验证用户输入是否为电话号码，要求当用户输入为空，或输入中有非“013246789-”字符，判定其不是电
话号码，此时显示div层
B．文本框得到焦点时，隐藏div层
(二) 熟悉客户端脚本语言的内置对象的应用, 熟练运用浏览器对象体系中常用对象的作用、方法、属性.
（1）编写一个状态栏的跑马灯（运用字符串对象）；
（2）在状态栏上即时显示当前日期、星期、时间。
四、实验报告要求
1. 独立完成实验内容；
2. 保存制作的网页；
3. 记录实验过程存在的问题，书写实验报告。
实验二Javascript事件处理
预习要求：复习DOM事件模型、鼠标、页面和表单相关事件。初步编好实验程序。
一、实验目的
1.了解JS事件处理的基本概念。
2.理解JS事件处理模型.
3.掌握JS常用事件及处理
二、实验要求
1、使用脚本编写工具或常用网页制作工具，设计合适的网页界面，编写相关脚本，实现实训内容所列示的脚本设计目的；
2、脚本编写应符合JavaScript代码规范，有适当的缩进和注释、标识符的命名。通过在IE中预览不存在任何脚本错误；
3、认真撰写实训报告。
三、实验内容
1.运用第九章的知识完成下面的网页功能
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.在输入姓名、性别和班级后单击“add”按钮可以把数据添加至表格最
后一行
3.选中删除列的多选框后点击“del”按钮可以删除所选行信息
4.完成下面网页的功能
5.发挥你的想象,完善此输入网页的用户友好性。
四、实验报告要求
1. 独立完成实验内容；
2. 保存制作的网页；
3. 记录实验过程存在的问题，书写实验报告。
实验四Javascript其他窗口对象
预习要求：复习window对象的属性、方法与事件。初步编好实验程序。
一、实验目的
使学生掌握window对象常用的属性、方法、事件等。通过实训，应该达到对这些对象的灵活运用。
二、实验要求
1、使用脚本编写工具或常用网页制作工具，设计合适的网页界面，编写相关脚本，实现实验内容所列示的脚本设计目的；
2、脚本编写应符合JavaScript代码规范，有适当的缩进和注释、标识符的命名。通过在IE中预览不存在任何脚本错误；
3、认真撰写实训报告。
三、实验内容
项目一、在打开网页后弹出一个有宽200,高300的窗口,且在该网页关闭后，弹出的窗口也关闭。
项目二、设计弹出式菜单。
项目三、在状态栏上显示当前时间。
项目四、在一个窗口中输入内容，显示在另一个窗口中。
四、实验要求
1. 独立完成实验内容；
2. 保存制作的网页；
3. 记录实习过程存在的问题，书写实验报告。