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