如何用 js 取得浏览器的高度并赋值给div

2024-12-27 11:55:58

推荐回答（4个）

回答1：

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

请调整浏览器窗口

请调整浏览器窗口大小

回答2：

document.getElementById("div1").style.height=document.getElementById("div2").offsetHeight; //仅IE 
document.getElementById("div1").style.height=document.getElementById("div2").offsetHeight+ "px"; //兼容FF、IE等 
document.getElementById("div1").style.width=document.getElementById("div2").offsetWidth; //仅IE 
document.getElementById("div1").style.width=document.getElementById("div2").offsetWidth+ "px"; //兼容FF、IE等 

//或者

var winWidth = 0;
var winHeight = 0;
function findDimensions() //函数：获取尺寸
{
//获取窗口宽度
if (window.innerWidth)
    winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
    winWidth = document.body.clientWidth;
//获取窗口高度
if (window.innerHeight)
    winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
    winHeight = document.body.clientHeight;
//通过深入Document内部对body进行检测，获取窗口大小
if (document.documentElement && document.documentElement.clientHeight &&     document.documentElement.clientWidth)
{
    winHeight = document.documentElement.clientHeight;
    winWidth = document.documentElement.clientWidth;
}
//结果输出至两个文本框
    document.form1.availHeight.value= winHeight;
    document.form1.availWidth.value= winWidth;
}
//调用函数，获取数值
window.onresize=findDimensions;

回答3：

var browser_height=document.documentElement.clientHeight;
var _change_height_div=document.getElementById('chachatuan_com');
_change_height_div.style.height=browser_height;

/**

**/

回答4：

document.getElementById("xx").style.height=document.body.clientHeight

参考：http://wostyh.javaeye.com/blog/518012