JavaScript：如何在浏览器窗口中找出视点的宽度和高度？

Question

如何在浏览器窗口中找出视点的宽度和高度？以及如何找出向下和向右滚动多少文档？

Answer 1

尝试此功能......并在需要时调用它：）

function getViewPortSize()
{
    var viewportwidth;
    var viewportheight;

    //Standards compliant browsers (mozilla/netscape/opera/IE7)
    if (typeof window.innerWidth != 'undefined')
    {
        viewportwidth = window.innerWidth,
        viewportheight = window.innerHeight
    }

    // IE6
    else if (typeof document.documentElement != 'undefined'
    && typeof document.documentElement.clientWidth !=
    'undefined' && document.documentElement.clientWidth != 0)
    {
        viewportwidth = document.documentElement.clientWidth,
        viewportheight = document.documentElement.clientHeight
    }

    //Older IE
    else
    {
        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    }

    return viewportwidth + "~" + viewportheight;
}

Answer 2

height = document.body.clientHeight;
width = document.body.clientWidth;

关于滚动位置，我不确定是否有一种标准的方法来确定，但这应该适用于大多数浏览器：

scrolled = document.body.scrollTop;