由于各种愚蠢的原因，我希望能够在屏幕上检测浏览器窗口的矩形。标题栏和所有。
这是可能的，还是 JavaScript 仅限于其页面的视口？
编辑：我可能不清楚，但视口是窗口中可见的页面部分。这可能不是浏览器常用的术语，但在图形中很常见。
在 JavaScript 中确定浏览器窗口的位置？
IT技术
javascript
2021-03-05 07:59:11
3个回答
对于符合标准的浏览器：
X - Y -window.screenX
window.screenY
对于 IE：
X - Y -window.screenLeft
window.screenTop
请记住，实现方式各不相同。小心多显示器设置...
看看以下属性：
- window.screen.height：以像素为单位返回屏幕的高度。
- window.screen.top：返回与当前屏幕顶部的距离（以像素为单位）。
- window.screen.width：返回屏幕的宽度。
- window.screen.left：返回从主屏幕左侧到当前屏幕左侧的距离（以像素为单位）。
（这些不会为您提供窗口大小或位置，但可以让您在具有多个显示器的系统上运行时正确解释它们）
从谷歌第一个结果复制粘贴：
// Browser Window Size and Position
// copyright Stephen Chapman, 3rd Jan 2005, 8th Dec 2005
// you may copy these functions but please keep the copyright notice as well
function pageWidth()
{
return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
}
function pageHeight()
{
return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
}
function posLeft()
{
return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;
}
function posTop()
{
return typeof window.pageYOffset != 'undefined' ? window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;
}
function posRight()
{
return posLeft()+pageWidth();
}
function posBottom()
{
return posTop()+pageHeight();
}