将窗口调整为特定高度时刷新浏览器窗口

Question

当窗口调整到特定高度时，任何人都可以建议一些刷新浏览器窗口的JavaScript代码。与CSS Media查询类似。

即如果浏览器max-height为700px则刷新。

提前致谢。

Answer 1

我最近做过类似的事情，并且我正在使用一个很好的JavaScript函数：

var viewportwidth;
var viewportheight;

function resize() {
    // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

    if (typeof window.innerWidth != 'undefined') {
        viewportwidth = window.innerWidth,
        viewportheight = window.innerHeight
    }

    // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

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

    // older versions of IE

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

这将获得浏览器的当前高度和宽度。如果您想检查用户何时调整页面大小并调用resize()函数，只需使用简单的JavaScript命令window.onresize=resize();

这是基本功能。从这里开始，应该很容易对代码进行一些更改。例如，如果您希望仅在宽度大于或等于700时刷新页面，请将此类内容添加到resize()函数中：

if(viewportwidth >= 700) {
    window.reload();
}