当前位置:文档之家› javascript实验报告

javascript实验报告

(电子商务技术基础(二)实验报告课程名称:电子商务技术基础(二)授课教师:开课时间:2017/2018学年第一学期学号:姓名:2017年11月实验1:网页上有一个“提交”按钮,当点击提交按钮时弹出信息“大家好,我是***,学号是***”。

(25分)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><script language="javascript">function y(){alert("大家好,我是xxx,学号:xxxxx")}</script><body ><input type="button" value="确定" onclick="y()" /></body></html>实验2:在网页上显示以下信息“欢迎您,尊敬的会员,今天是****年,*月*日*分*秒!”(25分)<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Date对象的应用</title></head><script language="javascript">var date=new Date();var year=date.getFullYear();var month=date.getMonth();month=month+1;var day=date.getDate();var hours=date.getHours();var minutes=date.getMinutes();var seconds=date.getSeconds();var milliseconds=date.getMilliseconds();document.write("欢迎您,尊敬的会员,今天是:"+year+"年"+month+"月"+day+"日"+""); document.write(""+hours+"时"+minutes+"分"+seconds+"秒")</script><body></body></html>实验3:利用表格布局,设计一个网站主页,利用CSS对字体与图片样式进行设置样式,如下图所示。

(25分)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>个人主页</title><script type="text/javascript">function MM_popupMsg(msg) { //v1.0alert(msg);}</script></head><style type="text/css">body, html{margin:0px; padding:0px;text-align:center;}#container{position: relative;margin: 0 auto;padding:0px;width:1000px;text-align: left;}#navigation {font-family: Arial;width: 1000px;height: 1px;background-image: url(2.jpg);text-align: center;}#navigation ul {list-style-type:none;margin:0px;padding:0px;}#navigation li {float:left;}#navigation li a{display: block;text-decoration: none;padding-right: 162.8px;border: 1px double #999999;text-align: center;}#navigation li a:link, #navigation li a:visited{ background-color: #666;color: #CCC;}#navigation li a:hover{background-color: #FFFFFF;color: #666666;}.img {float: left;padding-right: 10px;padding-bottom: 10px;}body{background-color: #FFFFFF;}#n {width: 200px;font-family: Arial;margin-top: 0px;float: left;}#n ul {list-style-type:none;margin:0px;padding:0px;}#n li {border-bottom:1px solid #ED9F9F;}#n li a{display:block;padding:5px 5px 5px 0.5em;text-decoration:none;border-left:12px solid #333;border-right:1px solid #C60; }#n li a:link, #n li a:visited{background-color:#666;color:#FFF;}#n li a:hover{background-color:#999;color:#09F;}.d5 {float: right;width: 800px;margin-top: -340px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: -100px;padding-left: 0px;border-bottom-style: dotted; }.d {width: 199px;}.d4 {float: right;width: 800px;margin-top: -553px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: -95px;padding-left: 0px;border-bottom-style: dotted; }--></style></script></head><body><div id="container"><div><img src="wangzhang/timg.jpg" width="1000" height="150" /></div><div id="navigation"><ul><li><a href="#" target="new">首页</a></li><li><a href="#" target="new">音乐</a></li><li><a href="#" target="new">绘画</a></li><li><a href="#" target="new">简历</a></li><li><a href="#" target="new">关于我</a></li></ul></div><div class="d"><div id="n" class="d"><img src="wangzhang/c1a7986c8bc89a444b02878dbba7f52b_500_312.jpg" width="199" height="199" /><ul><li><a href="#" target="new">个人图册</a></li><li><a href="#" target="new">我的浏览</a></li><li><a href="#">个人随笔</a></li><li><a href="#">我的圈子</a></li><li><a href="#"target="new">给我留言</a></li></ul><imgsrc="wangzhang/d7036c9a17f5fda2-c55f0198e861b714-1e0d704dc180e1b9f224baf7559dab5f.jp g" width="199" height="199" /></div></div><div class="d4"></div><table width="266.1" border="0" ><tr><td> <img src="wangzhang/psb.jpg" width="260" height="280" /> </td><td><img src="file:///C|/Users/Administrator/Desktop/p4.jpg" width="260" height="280" /></td><td><img src="p5.jpg" width="260" height="280" /></td></tr><tr><td><img src="p5.jpg" width="260" height="280" /></td><td><img src="p1.jpg" width="260" height="280" /></td><td><img src="file:///C|/Users/Administrator/Desktop/p4.jpg" width="260" height="280" /></td></tr></table></div></div></body></html>实验4:设计一个XML文档,存储一首唐诗,运用CSS对其样式进行设置,并加入一个背景图片。

相关主题