每次调整浏览器大小小于1600x1020时，从var中减去1，值为100

Question

每次调整浏览器大小小于1600x1020时，是否可以减去1？

我知道我需要从调整大小函数开始，但我如何将新值存储在新函数中可以使用的位置？

 var resizeNum = 100;
 if (window.width() < 1600 && width.height()){
   resizeNum - 1
  }

不知道该怎么办。

Answer 1

由于您显然想知道浏览器何时小于1600x1020，我检查了下面的height和width。还有4从变量中减去1的方法：

//Sets number to -1 after any other use of the variable
var number = 0;
number--; //number = -1;
var number = 0;   
number-= 1; //number = -1;
var number = 0;   
number = number - 1; //number = -1;
//Sets number to -1 before any other use of the variable
var number = 0;   
--number; //number = -1;

演示：jsFiddle

JS:

var resizeNum = 100;
$(window).resize(function () {
    if ($(window).width() < 1600 || width.height() < 1020) {
        resizeNum--;
    }
    console.log(resizeNum);
});

当您使用此代码时，请删除console.log，这只是为了证明它有效。

Answer 2

var resizeNum = 100;
$(window).resize(function() {
    if(($(this).width() < 1600) && ($(this).height())) {
        resizeNum -= 1;
    }
});

这将在每次调整窗口大小时调用。随着其大小的调整，resizeNum每次将减少1。

Answer 3

您可以使用jquery这样做您需要先添加jquery文件。

// global variable
var resizeNum = 100;
// to check browser small than 1600 x 1020
var flag = 0;
$(document).ready(function(){
    decrementNum();
});
function decrementNum()
{
    var wW = $(window).width();
    var wH = $(window).height();
    if(wW < 1600 && wH < 1020 && flag == 0)
    {
        resizeNum--;
        flag = 1;
    }
    else if(wW > 1600 && wH > 1020)
    {
        flag = 0;
    }
}
$(window).resize(function(){
     decrementNum();
});

Answer 4

有两种方法可以做到这一点。或者，您可以在最外层声明var（当然不是在函数本身中，可能远到页面），或者您可以学习使用jQuery（它使用了一些设计得很好、完全没有范围的变量）。此外，行需要是resizeNum = resizeNum-1，而不仅仅是resizeNum -1

Answer 5

通过此http://api.jquery.com/width。这可能对有所帮助

使用这个

$(window).width();   // returns width of browser viewport 
$(document).width(); // returns width of HTML document

还有这个

parseInt(resizeNum)-1