當窗口被調整到特定高度時刷新瀏覽器窗口

Question

任何人都可以推薦一些JavaScript代碼，當窗口被調整到特定高度時，它將刷新瀏覽器窗口。與CSS媒體查詢類似。

即，如果瀏覽器的最大高度是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(); 
}