本科实验报告

课程名称：Web程序设计基础专业班级：学号：2012

学生姓名：

指导教师：田玉玲

2015年11月3日

实验一HTML语言

一、实验目的

1．掌握常用的HTML语言标记；

2．利用文本编辑器建立HTML文档，制作简单网页。

二、实验要求

1．独立完成实验。

2．书写实验报告书。

三、实验内容

1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用）源程序清单如下：

welcome to

you

A simple HTML document

Welcome to the world of HTML

This is a simple HTML document.It is to give you an outline of how to write HTML file and how the markup tags work in the HTML file

Following is three chapters

• This is the chapter one
• This is the chapter two
• This is the chapter three

Following is items of the chapter two

End of the example document

程序运行结果：

2．编写一个能输出如图所示界面的HTML文件。

文件如下：

实验二网页程序设计-JavaScript

一、实验目的

1．掌握JavaScript技术,基本掌握JavaScript的开发技巧；

2．利用文本编辑器建立JavaScript脚本语言进行简单编程。

二、实验要求:

1．根据以下实验内容书写实验准备报告。

2．独立完成实验。

三、实验内容

1．显示一个动态的时钟

在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：

分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确.

程序运行结果：

2．事件驱动和事件处理

在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：

By pressing the button, a function will be called. The function will alert a

message.

分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。

程序运行结果：

3．JavaScript表单校验

编写程序register.htm，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。

程序如下：

用户登录