使用 javascript (window.open) 检测 IE 中窗口是否有滚动条

Question

当我调用 window.open 时，我可以包含参数列表。这些参数之一是滚动条，它可以设置为yes或no。

当我将 JavaScript 放入子窗口中时，JavaScript 需要检测打开窗口时滚动条是否设置为“是”或“否”。我想知道窗口是否默认启用滚动条。

我只关心在 IE 中执行此操作。我该如何检查？ window.scroolbar 在 IE 中不起作用。

我该怎么做？明确地说，我不是在谈论 div 溢出，而是在谈论窗口的滚动条属性。

编辑：
- 我在 IE 中，所以 window.scrollbars/this.scrollbars 不会返回任何内容
- 窗口滚动条存在于主体之外。
- 查看文档的宽度将告诉我有关该文档的信息。我什至可以弄清楚文档中是否有滚动条。这不会告诉我有关窗口本身的任何信息。
- 出于禁欲的原因，窗口滚动条的宽度根据当前选择的 Windows 桌面主题而变化。

Answer 1

除了打开子窗口（设置scrollbars=yes 或no 的脚本）的脚本之外，添加一个窗口级变量，如果scrollbars=yes 则为true，否则为false。

然后，在子窗口的脚本中，查找从 self.opener.myWindowLevelVariable 设置的值。

您还可以为变量命名空间。如果您愿意，重要的部分是 self.opener 或 window.opener。

更新：

响应您关于不想在父级中使用变量的更新...然后推翻我最初的建议。创建子级时将变量放入其中。

Parent:

var scrollwindow = window.open("file.htm", "anotherwindow", "width=400,height=250,scrollbars=no");
scrollwindow.hasScrollbars = false;

Child:

alert(hasScrollbars);

如果你想处理直接打开子窗口的情况，那么它会变得更有趣...

Child:

try {
    // do something with hasScrollbars
    // If it isn't true or false, ie undefined, using it will throw you into the catch.
    alert(hasScrollbar);
} catch (e) {
    // scrollbars weren't explicitly added or forbidden, so they'll automatically
    // show up if the content is larger than the window. In this case, use a
    // scrollbar sniffing technique.
    var hasVerticalScrollbar = document.body.scrollHeight > document.body.clientHeight;
    var hasHorizontalScrollbar = document.body.scrollWidth > document.body.clientWidth;
}

滚动条嗅探： 我认为这就是 Stephano 的目的。他走在正确的轨道上。但是结合使用 clientWidth、scrollWidth、clientHeight 和scrollHeight。来自怪癖模式：

如果元素没有滚动条
滚动宽度/高度应该等于
客户端宽度/高度。

当元素没有滚动条时，IE 会设置scrollHeight
等于实际高度
内容;而不是高度
元素。 scrollWidth 正确，
IE8 除外，它是 5 像素
关闭。

因此，您必须为 IE 稍微调整滚动条嗅探部分，但这就是基本思想。

Answer 2

您可以使用以下 JavaScript 小技巧来确定窗口在 IE 中是否有可见的滚动条：

//You'll have to modify this so as not to do it unless your user is running IE
window.attachEvent('onload', getChrome);

function getChrome() {
    //read the window width and height
    var w = document.documentElement.clientWidth;
    var h = document.documentElement.clientHeight;

    //set the window to that size
    window.resizeTo(w, h);

    //read the window width and height again
    var newW = document.documentElement.clientWidth;
    var newH = document.documentElement.clientHeight;

    //calculate the difference
    var diffX = w - newW;
    var diffY = h - newH;

    //set the window back to what it was
    window.resizeBy(diffX, diffY);

    alert('diffX: ' + diffX + '\ndiffY: ' + diffY);

    //If diffX is larger than 10 (in Vista and Windows 7, the borders are 5px each)
    //then you're scrollbar is visible.
}

Answer 3

这有点 hacky，但似乎有效：

function has_scrollbar() { 
    if (document.documentElement.clientHeight < document.body.offsetHeight) {
        alert("vertical scrollbar");
    } else {
        alert("no vertical scrollbar");
    }
}

您检查 offsetHeight（html 内容）的大小并将其与 documentElement.clientHeight（IE 的窗口高度）进行比较。显然，您可以将“宽度”切换为“高度”。

希望这有帮助！

Answer 4

您可以检查文档高度，然后检查窗口高度 如果文档高度是一个更大的数字，那么你就有滚动条。

但是，由于 IE 将始终显示滚动条（即使您没有任何可滚动的内容），因此您可能需要为 body 标记设置 overvlow:auto 。

Answer 5

试试这个

scrollwindow = window.open("file.htm", "anotherwindow", "width=400,height=250");
  if (scrollwindow.scrollbars) 
  {
alert("Yes we have  scrollbars");
  }
 else 
{
    alert("Sorry doesnt support scrollbars");
  }