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

《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.运用第九章的知识完成下面的网页功能 关脚本，实现实训内容所列示的脚本设计目的；