怎样在窗体加载的时候让一个div的高度为屏幕的高度
展开全部
<html>
<head>
<title>改变div高度</title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
//为div设置边框
$("#container").css("border","1px solid gray");
//改变div的高度
$("#container").height($(window).height());
//改变div的宽度
$("#container").width($(window).width());
});
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
另附Jquery获取各种屏幕的宽度和高度的示例代码：
$(document).ready(function(){
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的宽度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用js，动态设置div的高度为窗体的高度，例如：document.getElementById('id').style.height=window.innerHeight+'px';
你根据具体情况修改。
你根据具体情况修改。
更多追问追答
追问
我是这样写的
window.onload = function () {
var dvheight = window.screen.availHeight;
var dvwidth = window.screen.availWidth-210;
$("#tbBody").height(dvheight);
$("#tbBody").width(dvwidth);
};
但是不管用啊
追答
你用jquery就好办了，比较简单，可以这样。
$(document).ready(function(){
$("#tbBody").height($(window).height());
$("#tbBody").width($(window).width());
});
你可以试试，有问题再问我。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
</style> <div class=box></div> 要清楚100%的含义，这个含义是在js获取浏览器的可见部分的宽度和高度，然后赋值给DIV。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
