WEB程序设计实验.docVIP

PAGE PAGE 2 太原理工大学软件工程系 WEB程序设计基础 实验指导书 太原理工大学 编 目录 TOC 实验1 HTML语言 2 实验2 网页程序设计-JavaScript 4 实验3 Request与Response对象的应用 7 实验4 Application对象Session对象的应用 8 实验5 使用JDBC连接数据库 10 实验一 HTML语言 一、实验目的 1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单网页。 二、实验要求 1．独立完成实验。 2．书写实验报告书。 三、实验内容 1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 源程序清单如下： html head titleExample/title /head body bgcolor=#00DDFF h1BIFONT COLOR=#FF00FF MARQUEE BGCOLOR= #FFFF00 direction=left behavior=alternatewelcome to you/MARQUEE /FONT/I/B/h1 hr h2 align=centerFONT COLOR=#0000FFA simple HTML document/FONT/h2 EMWelcome to the world of HTML/EM pThis is a simple HTML document.It is to give you an outline of how to write HTML file and how theb markup tags/b work in the IHTML/I file/p pFollowing is three chapters ul liThis is the chapter one/li liA HREF=#itemThis is the chapter two/A/li liThis is the chapter three/li /ul/p hr pA NAME=itemFollowing is items of the chapter two/A /p table border=2 bgcolor=gray width=40% tr thitem/th thcontent/th /tr tr tditem 1/td tdfont/td /tr tr tditem 2/td tdtable/td /tr tr tditem 3/td tdform/td /tr /table hrp 1p 2p 3p 4p 5p 6p 7p BIFONT COLOR=BLUE SIZE=4End of the example document /FONT/I/B /p /body /html 2．编写一个能输出如图所示界面的HTML文件。 实验二 网页程序设计-JavaScript 一、实验目的 1．掌握JavaScript技术,基本掌握JavaScript的开发技巧； 2．利用文本编辑器建立JavaScript脚本语言进行简单编程。 二、实验要求: 1．根据以下实验内容书写实验准备报告。 2．独立完成实验。 三、实验内容 显示一个动态的时钟 在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： html head script language=javascript var timer = null function stop(){ clearTimeout(timer)} function start(){ var time = new Date() var hours =time.getHours() var minutes =time.getMinutes() minutes=((minutes10)?0:”“)+minutes var seconds=time.getSeconds() seconds=((seconds10)?0:”“)+seconds var clock =hours+:+minutes+:+seconds document.forms[0].display.value=clock timer=setTimeout(start(),1000)} /script /head body onLoad=start() onUnload=stop() form 现在是北京时间：input type=text name=dis