当浏览器窗口大小发生变化时触发这个函数,类似的方法有:onscroll - 页面滚动的时候触发,onload - 页面加载完的时候触发。
JS/ES6/jQuery 使用onresize监听窗口变化-Qui-Note
ES6写法:

window.onresize = () =>{
  var w = window.innerWidth;
  var h = window.innerHeight;
  console.log(w +'-'+h)
}

传统写法:

window.onresize = function() {
  var w = window.innerWidth;
  var h = window.innerHeight;
  console.log(w +'-'+h)
}

兼容IE写法:

window.addEventListener("resize",  function() {
  var w = window.innerWidth;
  var h = window.innerHeight;
  console.log(w +'-'+h)
});

JQuery写法:

$(window).resize(function() {
  var w = window.innerWidth;
  var h = window.innerHeight;
  console.log(w +'-'+h)
});

调整页面窗口大小如下变化:
JS/ES6/jQuery 使用onresize监听窗口变化-Qui-Note
另外,如需获取元素的大小,请使用 clientWidth、clientHeight、innerWidth、innerHeight、outerWidth、outerHeight、offsetWidth 和/或 offsetHeight 属性。