js设置div大小随窗口大小变化

iteye_18722

于 2010-04-20 22:19:26 发布

阅读量477

点赞数

文章标签： JavaScript HTML ViewUI

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<body style="margin:0;">
<div id="mydiv" style="border:1 solid black; background-color:red" ></div>
</body>
<script type="text/javascript">
var mydiv=document.getElementById("mydiv");
var mydiv_resize=function(){
mydiv.style.width=document.body.clientWidth;
mydiv.style.height=document.body.clientHeight;
}
mydiv_resize();
window.οnresize=mydiv_resize;
</script>
</HTML>