1. 请用css实现如下效果,图片在div水平垂直居中显示。(Div的宽和高都是200px,图片的宽和高多小于200像素,在正方形容器中水平和垂直居中显示)Html如下:
<div id=”box”>
<img src=”123.jpg” alt =”123”/>
</div>
#box {
height:200px;
width:200px;
display:table-cell;
vertical-align:middle;/*火狐,chrom垂直居中*/
line-height:200px; /*IE7垂直居中*/
text-align:center; /*水平居中*/
}
(注:图片水平居中,还可以用margin:0 auto实现;)
2.前端页面由哪三部分构成,分别是什么?作用是什么?
结构层、表现层和行为层。
结构层:由html或者xhtml等标记语言负责创建,仅负责语义的表达。他回答了“内容是什么”的问题。
表现层:由css负责创建。他解决了页面“如何显示”的问题。
行为层:有javascript等脚本语言负责创建。他解决了“内容应该如何对事件作出反应”的问题。
3.要求层left和right是固定宽度,中间main宽度要自适应,如图所示如下布局,其中HTML先加载main。
Left
| Main | Right |
Html代码如下:
<div id=”main”>
</div>
<div id=”left”>
</div>
<div id=”right”>
</div>
<style type =”text/css”>
*{margin:0px; padding:0px;}
#main{ position:aosolute; left:200px;right:200px;}//绝对定位使main不占文档流,使left和right浮动上去。
#left,#right{width:200px;}
#left{float:left;}
#right{float:right;}
</style>
(或者另外一种方法,main设置为100%;使left和right的相对定位和负边距浮动上去。 )
4.谈谈对定时器函数(setTimeout和setInterval)的理解。
要求写出一个取得本地时间(小时-分-秒)的函数,5秒更新一次,更新5次后停止更新。
setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数. setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval().
<body >
<divid="show">
</div>
<scripttype="text/javascript" language="JavaScript">
function getDate(){
var d= new Date();
var h = d.getHours();
var m = d.getMinutes();
var s = d.getSeconds();
str=h+':'+m+':'+s;
document.getElementById('show').innerHTML=str;
for(var i=0;i<5;i++){
window.setTimeout("getDate()",5000);
}
}
getDate();
</script>
</body>
5.写出x、y的值。
function test(){
this.msg = “hello”;
msg = “nice”;
this.test = function(){
msg = “hi”;
var msg = “good”;
return this.msg;
}
return this;
}
Var x=newtest().test();
Vary=test().test();
X值是hello,y值是nice