2022Web程序的设计基础实验报告.docx

2022Web程序的设计基础实验报告 本科实验报告 课程名称：Web程序设计基础专业班级：学号：2022 学生姓名： 指导教师：田玉玲 2022年11月3日 实验一HTML语言 一、实验目的 1掌握常用的HTML语言标记； 2利用文本编辑器建立HTML文档，制作简单网页。 二、实验要求 1独立完成实验。 2书写实验报告书。 三、实验内容 1在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用）源程序清单如下： Example 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 item content item 1 font item 2 table item 3 form 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. 分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。 程序运行结果： 3JavaScript表单校验 编写程序register.htm，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。 程序如下： 用户登录 用户登录 宁可累死在路上，也不能闲死在家里！宁可去碰壁，也不能面壁。是狼就要练好牙，是羊就要练好腿。什么是奋斗？奋斗就是每天很难，可一年一年却越来越容易。不奋斗就是每天都很容易，可一年一年越来越难。能干的人，不在情绪上计较，只在做事上认真；无能的人！不在做事上认真，只在情绪上计较。拼一个春夏秋冬！赢一个无悔人生！早安！献给所有努力的人