2

我想在 Opera 中访问整个页面的宽度和高度。注意我不是在询问视口的高度或宽度，我想要页面/文档的宽度和高度。我正在使用 Opera 12.12

我尝试了以下方法：

  1. document.body.scrollWidth/Height
  2. document.body.offsetWidth/Height
  3. window.innerWidth/高度
  4. document.body.clientWidth/Height

所有这些都给出了视口的宽度/高度。

请使用以下链接：http: //jsfiddle.net/RQhYR/

或使用以下 HTML 页面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
    <div style="width:2000px;height:2000px;background-color: blue;"></div>
</body>
<script type="text/javascript">
    alert(window.outerWidth + "," + window.outerHeight);
</script>
</html>
4

3 回答 3

0

试穿这些尺寸：

window.outerHeight;
window.outerWidth;
于 2012-12-19T13:59:03.803 回答
0

我从body.offsetWidth/Height,body.scrollWidth/Height和body.clientWidth/Height(使用与您相同的构建) 中获取正确的值。只有window.innerWidth/应该返回浏览器窗口视口Height。

也许你有一些奇怪的 CSS 将 body 的尺寸设置为视口，并将滚动条放在内部某处的元素上。在您的情况下，我从 中获得 2000 x 2000 px 的预期值scrollWidth/Height，<html>请参阅demo。

于 2012-12-19T20:30:05.147 回答
0

感谢Bergi，我得到了问题的答案。我一直在对不同浏览器中的页面和视口大小进行一些调查，这就是我发现的：Google Doc Spreadsheet

于 2012-12-20T06:57:22.097 回答