onresize

window.onresize = function (ev) {
     console.log('尺寸发生改变！');
 };

window.addEventListener('resize', function (ev) {
    console.log('尺寸发生改变！');
});

 /*
     当屏幕的宽度>=960时，页面的背景颜色为红色；
     当屏幕的宽度>=640时，页面的背景颜色为蓝色；
     当屏幕的宽度<640时，页面的背景颜色为绿色？
    */

    window.addEventListener('load', function (ev) {
        changeColor();
        // 1. 监听窗口的尺寸发生改变
        window.addEventListener('resize', changeColor);

        function changeColor(ev1) {
            if(myTool.client().width >= 960){
                document.body.style.backgroundColor = 'red';
            }else if(myTool.client().width >= 640){
                document.body.style.backgroundColor = 'blue';
            }else {
                document.body.style.backgroundColor = 'green';
            }
        }
    });

 client: function() {
            if(window.innerWidth){ // ie9+ 最新的浏览器
                return {
                    width: window.innerWidth,
                    height: window.innerHeight
                }
            }else if(document.compatMode === "CSS1Compat"){ // W3C
                return {
                    width: document.documentElement.clientWidth,
                    height: document.documentElement.clientHeight
                }
            }
            return {
                width: document.body.clientWidth,
                height: document.body.clientHeight
            }
        }