JavaScript 得到当前浏览器窗口尺寸大小的脚本

本文介绍了如何使用JavaScript获取网页尺寸信息及屏幕分辨率，并提供了通过链接控制浏览器窗口大小的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
<SCRIPT LANGUAGE="JavaScript">
var s = "网页可见区域宽："+ document.body.clientWidth;
s += "/r/n网页可见区域高："+ document.body.clientHeight;
s += "/r/n网页可见区域宽："+ document.body.offsetWeight +" (包括边线的宽)";
s += "/r/n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "/r/n网页正文全文宽："+ document.body.scrollWidth;
s += "/r/n网页正文全文高："+ document.body.scrollHeight;
s += "/r/n网页被卷去的高："+ document.body.scrollTop;
s += "/r/n网页被卷去的左："+ document.body.scrollLeft;
s += "/r/n网页正文部分上："+ window.screenTop;
s += "/r/n网页正文部分左："+ window.screenLeft;
s += "/r/n屏幕分辨率的高："+ window.screen.height;
s += "/r/n屏幕分辨率的宽："+ window.screen.width;
s += "/r/n屏幕可用工作区高度："+ window.screen.availHeight;
s += "/r/n屏幕可用工作区宽度："+ window.screen.availWidth;
alert(s);
</SCRIPT>

有时候，我们需要控制显示窗口的大小，这当然能够通过点击窗口右上角的控制按钮来实现。但是，能否在页面中通过链接来实现呢？答案是：能！请看下面的代码：

< SCRIPT LANGUAGE="JavaScript" >

function Minimize()

{

window.innerWidth = 100;

window.innerHeight = 100;

window.screenX = screen.width;

window.screenY = screen.height;

alwaysLowered = true;

}

function Maximize()

{

window.innerWidth = screen.width;

window.innerHeight = screen.height;

window.screenX = 0;

window.screenY = 0;

alwaysLowered = false;

}

< /SCRIPT >

< A HREF="javascript:onClick=Minimize()">Minimize< /A >

< A HREF="javascript:onClick=Maximize()">Maximize< /A >

　　上面的代码包含2个函数，如果理解了一个，另外一个也就很好理解。先来看看第1个。函数Minimize中使用innerWidth和innerHeight2个命令在象素级别上控制窗口尺寸大小，这里将窗口设置为宽100高100。然后，设置窗口的起始位置，定位大小为屏幕的宽和高，这样，使用alwaysLowered命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个JavaScript链接< A HREF="javascript:onClick=Minimize()">Minimize< /A > 。同时，上述代码可以用于任何分辨率设置的屏幕。

　　注意，当在页面上应用这个功能时，请将那2个触发事件的链接放置在页面的左上角，这样，当窗口缩小到右下角时，它们也不会消失。