随着浏览器窗口变化而变化的函数

在工作中遇到了定义一个容器，但是这个容器是拿百分比控制的，随着浏览器的窗口的变化，里面的元素的变化会跟这个容器的宽高有着密切的关系，那么动态获取这个容器的宽和高就是关键所在了，那么今天就介绍一下如何随着浏览器窗口的改变而做一些事情，下面写一个简单的demo

1.如果用jQuery的话

var num = 0;
$(window).resize(function() { 
	num++;
	console.log('变化，变化',num);
});

看结果，我按开F12拖动窗口宽度，让浏览器的宽度发生变化

2.如果用原生js的话，就这样写

var num = 0;
window.onresize = function(){
	num++
	console.log('变化，变化',num);
}

看结果