JavaWeb实验报告完整版.docVIP

PAGE PAGE 1 2012—2013学年第 2 学期 合肥学院数理系 实验报告 课程名称： 《Web应用系统原理与开发技术》 实验项目： JavaScript编程 实验类别： 综合性□ 设计性□ 验证性√ 专业班级： 10信息与计算科学班 姓 名： 陈龙龙 学 号： 1007011033 实验地点： 校内机房 实验时间： 2013年3月 一、实验目的 掌握网页设计，了解Html基本结构，了解表单标记； 掌握JavaScript基础知识，掌握并运用JavaScript的内置对象window、document编程，掌握事件处理。 二、实验内容 1、运用Macromedia软件进行网页设计； 2、运用JavaScript脚本语言，编写客户端代码。 三、实验方案(程序设计说明) 实验步骤： 1、网页设计： (1) 在Fireworks中绘制网页图，并对网页图进行切片，导出网页； (2) 在Dreamweaver中按设计要求重新编辑； (3) 设计并添加滚动字幕Marque的代码。 2、JavaScript编程： (1) 在网页中设计动态显示的时间； (2) 设计浏览器状态栏上移动的文字； (3) 设计窗口打开和关闭。 (4) 表单登录时对输入数据进行客户端检验； 3、正确运行程序后，通过浏览器观察效果，并在实验报告上记录相关程序代码。 四、实验步骤或程序（经调试后正确的源程序） 1.(3)、添加滚动字幕Marque的代码: marquee width=206 height=30 direction=left scrollamount=2 span class=juxing领导文集/span span class=STYLE6nbsp;nbsp;nbsp;LeadershipCorpus/span /marquee marquee width=206 height=30 direction=left scrollamount=2 span class=juxing校长信箱/span span class=STYLE3PrincipalMailbox/span /marquee 2.(1) !-- 日期与时间js代码 -- script language=JavaScript document.write(\div id=\time\\\\); function show() { var week=new Array(星期日,星期一,星期二,星期三,星期四,星期五,星期六); var t=new Date(); nian=t.getYear()1900?1900+t.getYear():t.getYear(); yue=t.getMonth()+1; ri=t.getDate(); var i=t.getDay(); hh=t.getHours(); mm=t.getMinutes(); ss=t.getSeconds(); time.innerHTML=nian+年+yue+月+ri+日 +hh+:+mm+:+ss+ +week[t.getDay()]; setTimeout(show(),1000); } /script 2.(2) !-- 状态栏移动的文本 -- script language=JavaScript var msg=欢迎来到红旗中学; var len=msg.length; for(i=1; i=200-msg.length; i++) msg= +msg; function move() { window.status=msg; if (msg.lengthlen) msg=msg.substring(1,msg.length); setTimeout(move(),200); } /script 2.(3) !-- 窗口的打开与关闭 -- script language=JavaScript function popwin() {window.open(ck.htm,mypopwin,width=200,height=200);} /script 2.(4) !-- 表单数据检查 -- script language=JavaScript function validata() { var username=docum