太原理工大学web程序设计基础实验报告.docx

上传人:王** 文档编号:925927 上传时间:2024-03-01 格式:DOCX 页数:14 大小:37.52KB
下载 相关 举报
太原理工大学web程序设计基础实验报告.docx_第1页
第1页 / 共14页
太原理工大学web程序设计基础实验报告.docx_第2页
第2页 / 共14页
太原理工大学web程序设计基础实验报告.docx_第3页
第3页 / 共14页
太原理工大学web程序设计基础实验报告.docx_第4页
第4页 / 共14页
太原理工大学web程序设计基础实验报告.docx_第5页
第5页 / 共14页
太原理工大学web程序设计基础实验报告.docx_第6页
第6页 / 共14页
太原理工大学web程序设计基础实验报告.docx_第7页
第7页 / 共14页
太原理工大学web程序设计基础实验报告.docx_第8页
第8页 / 共14页
太原理工大学web程序设计基础实验报告.docx_第9页
第9页 / 共14页
太原理工大学web程序设计基础实验报告.docx_第10页
第10页 / 共14页
亲,该文档总共14页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述

《太原理工大学web程序设计基础实验报告.docx》由会员分享,可在线阅读,更多相关《太原理工大学web程序设计基础实验报告.docx(14页珍藏版)》请在优知文库上搜索。

1、课程名称:WEB程序设计根基实验工程:WEB程序设计根基实验实验地点:逸夫楼402专业班级:软件1415班学生姓名:朱伟学号:2014005960指导教师:田玉玲2016年11月21日实验一HTML语言一、实验目的1 .掌握常用的HTML语言标记;2 .利用文本编辑器建设HTML文档,制作简单网页。二、实验要求1 .独立完成实验。2 .书写实验报告书。三、实验内容1 .在文本编辑器”记事本中输入如下的HTML代码程序,以文件名SyLhtml保存,并在浏览器中运行。(请仔细阅读以下程序语句,理解每条语句的作用)(1)程序代码:ExamplewelcometoyouAsimpleHTMLdocum

2、entWelcometotheworldofHtmlThisisasimpleHTMLdocument.ltistogiveyouanoutlineofhowtowriteHTMLfileandhowthemarkuptagsworkintheHTMLfileFollowingisthreechaptersThisisthechapteroneThisisthechaptertwoThisisthechapterthreeFollowingisitemsofthechaptertwoitemcontentitemlfontitem2tableitem3forml234567EndOftheex

3、ampledocument(2)实验结果2 .编写一个能输出如以下列图界面的HTML文件。(1)程序代码表单范例hltext-align:center;)请留下个人资 姓 名:vtd E-mail: 电 话:vtd 年 龄:20以下 留言板:您的爱好:Miinputname=hobbytype=CheCkbOXvalue=”/听音乐KJ(2)实验结果:四、实验心得:刚开场编写的时候只是编写了要求的form,但是不如给出的表单那样整齐,后来尝试用了表格,将表格的border属性改为0,再适当加空格 才完成了如以下列图的表单实

4、验二网页程序设计-JavaScript一、实验目的1 .掌握JavaScript技术,基本掌握JavaScript的开发技巧;2 .利用文本编辑器建设JavaScript脚本语言进展简单编程。二、实验要求:1 .根据以下实验内容书写实验准备报告。2 .独立完成实验。三、实验内容1 .显示一个动态的时钟编写程序,在文本框中显示实时的时间,然后运行文件,验证程序是否正确。(1)程序代码vartimer=nullfunctionstop()clearTimeout(timer)functionstart()vartime=newDate()varhours=time.getHours()varmin

5、utes=time.getMinutes()minutes=(minutes10)?0:H)+minutesvarseconds=time.getSeconds()seconds=(seconds10)7,0,)+secondsvarclock=hours+:,+minutes+n:+secondsdocument.forms0.display.value=clocktimer=setTimeout(start(),1000)现在是北京时间:(2)实验结果2 .事件驱动和事件处理在文本编辑器“记事本中输入如下代码程序,请仔细阅读以下程序语句,理解每条语句的作用。源程序清单如下:x=0funct

6、ioncountSecond()if(x6)(x=x1;document.fm.displayBox.value=x;setTimeout(countSecond()n,1000);)countSecond()分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。3 .JavaScript表单校验编写程序register.htm,做一个如以以下列图所示的用户注册界面,要求对用户填写的局部进展合法性检验。(1)程序代码ffl户登录functionsub()varUSername=document.getElemenlById(username);varUvalue=Usemame.value;if(uvalue=)alert(用户名不能为空,请输入用户名!”)fbrml.username.fbcus();returnfalse;)1用户登录请输入用户名:请输入密码: (2)实验结果四、实验心得:这次的提前将form写成了表格的形式,这样显

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 高等教育 > 习题/试题

copyright@ 2008-2023 yzwku网站版权所有

经营许可证编号:宁ICP备2022001189号-2

本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知装配图网,我们立即给予删除!