javascript实验报告
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
(
电子商务技术基础(二)
实验报告
课程名称:电子商务技术基础(二)
授课教师:
开课时间:2017/2018学年第一学期
学号:
姓名:
2017年11月
实验1:网页上有一个“提交”按钮,当点击提交按钮时弹出信息“大家好,我是***,学号是***”。(25分)
function y(){
alert("大家好,我是xxx,学号:xxxxx")
}
实验2:在网页上显示以下信息“欢迎您,尊敬的会员,今天是****年,*月*日*分*秒!”(25分)
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+"秒")
实验3:利用表格布局,设计一个网站主页,利用CSS对字体与图片样式进行设置样式,如下图所示。(25分)
function MM_popupMsg(msg) { //v1.0
alert(msg);
}
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;