Javascript 在具有 x 或 y 维度时调整浏览器窗口的大小

Question

我需要一个在用户调整窗口大小时刷新浏览器的脚本。

脚本应该检查窗口的大小是否超过特定尺寸(在我的例子中是 600px 和 800px)并且只在这种情况下进行刷新。

这个脚本也可以使用 jQuery。

您能提出任何想法或教程吗？

Answer 1

使用 jQuery:

$(document).ready(function(){                                                                                                                                                                                                                                                 
  var t;
  $(window).resize(function(){
    clearTimeout(t);
    if ($(window).width() > 800 && $(window).height() > 600) {
      t = setTimeout(function(){
        window.location.reload();
      }, 200);                                                                                                                                                                                                                                                                  
    }   
  }); 
});