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

发布时间 : 星期三 文章(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.运用第九章的知识完成下面的网页功能 关脚本,实现实训内容所列示的脚本设计目的;

联系合同范文客服:xxxxx#qq.com(#替换为@)