当浏览器窗口大小发生变化时触发这个函数，类似的方法有：onscroll - 页面滚动的时候触发，onload - 页面加载完的时候触发。
JS/ES6/jQuery 使用onresize监听窗口变化-QUI-Notes
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-Notes
另外，如需获取元素的大小，请使用 clientWidth、clientHeight、innerWidth、innerHeight、outerWidth、outerHeight、offsetWidth 和/或 offsetHeight 属性。