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

标签 javascript

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

最佳答案

试试这个函数...并在需要时调用它:)

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;
}

关于JavaScript:如何在浏览器窗口中找出视点的宽度和高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1860524/

相关文章:

javascript - 动画 Div 左右移动,但不上下移动

javascript - 如何递归地将 props 注入(inject)树中的每个 React 组件?

javascript - 如何将 HTML 输入类型属性从 'password' 更改为'文本'?

javascript - D3 数据映射 : OnClick Events on Bubbles Passing in Attributes of Bubble

JavaScript .toggle - 垂直滚动条上升?

javascript - DIV 的 HTML 长度不等于 AJAX 加载的 HTML 长度

javascript - 延迟加载的 vue-router 组件不适用于 SSR

javascript - 选择具有动态 href 值的元素?

javascript - 自定义侧边栏嵌套菜单。我无法打开嵌套菜单

javascript - 使用复合外键时使用 Sequelize 的 "includes"问题