js监视浏览器窗口大小变化，使元素适应窗口大小

最新推荐文章于 2023-01-30 11:19:37 发布

pclook

最新推荐文章于 2023-01-30 11:19:37 发布

阅读量1.4k

点赞数

分类专栏： JavaScript 文章标签：浏览器 function javascript html float 文档

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd ">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
#pvshow{font-family:Georgia;font-size:11pt;}
</style>
<script src="jquery-1.4.2.min.js"></script>

</head>

这一段被注掉的内容，是126邮箱中找到的一段，只是实现了内容适应当前大小，再结合下面的方法，应该也挺好用的
function fPosition(oElement) {
var valueT = 0, valueL = 0;
do {
   valueT += oElement.offsetTop || 0;
   valueL += oElement.offsetLeft || 0;
   oElement = oElement.offsetParent;
}
while (oElement);
return [valueL, valueT];
};
var aPos = fPosition(document.getElementById("divMain"));
document.getElementById("divMain").style.height = (self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight) - aPos[1] + "px"; </script-->

});
var adjust=function(){
var h=document.documentElement.clientHeight;
//var h=document.body.offsetHeight; 有人说是采用这种方法，不过，试过之后，发现不是那么回事，难道我试错了？

$("#left").css("height",h-120);
$("#divMain").css("height",h-120);
}

</script>
</html>