JavaScript监听浏览器窗口的变化

JQuery

$(window).resize(function () {          //当浏览器大小变化时
    alert($(window).height());          //浏览器时下窗口可视区域高度
    alert($(document).height());        //浏览器时下窗口文档的高度
    alert($(document.body).height());   //浏览器时下窗口文档body的高度
    alert($(document.body).outerHeight(true)); //浏览器时下窗口文档body的总高度 包括border padding margin
});

JavaScript的resize事件

window.addEventListener('load', function() {
    console.log(window.innerWidth);
    
    window.addEventListener('resize', function() {
        console.log(window.innerWidth);
    })

})

定时器