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

最新推荐文章于 2024-10-08 14:23:59 发布

qian78long

最新推荐文章于 2024-10-08 14:23:59 发布

阅读量735

点赞数

分类专栏：前端技术学习文章标签： javascript 浏览器 function 工作脚本

本文链接：https://blog.csdn.net/qian78long/article/details/5838362

版权

前端技术学习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<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个触发事件的链接放置在页面的左上角，这样，当窗口缩小到右下角时，它们也不会消失。