js 如何获取窗体大小变化 的 事件?在线等

Question

html页面中，
现需，窗口变小时，弹出 a, 窗口变大时，弹出b, 这如何实现呀，thanks

Answer 1

onresize事件window.onresize = function(){
    alert(1)
}

Answer 2

window.onresize = function(){
   if (document.documentElement.clientWidth < originalWidth || document.documentElement.clientHeight < originalHeight){
   alert('a');
} 
   else{
       alert('b');
   }
}

Answer 3

４楼的代码运行不了。望再调试下。thanks

Answer 4

4楼他省略了originalWidth 的赋值，改下就好啦
var originalWidth  = document.documentElement.clientWidth,
    originalHeight = document.documentElement.clientHeight;
window.onresize = function(){
   var _originalWidth = document.documentElement.clientWidth;
       _originalHeight = document.documentElement.clientHeight
   if (_originalWidth  < originalWidth ||  _originalHeight < originalHeight){
   alert('a');
} 
   else{
       alert('b');
   }
   originalWidth  = _originalWidth;
   originalHeight = _originalHeight;
}

Answer 5

    window.onscroll = function () { sc(); };
    window.onresize = function () { sc(); };
    window.onload = function () { sc(); };
function sc() {
    var h = document.documentElement.clientHeight - 80;
    $("#result").css({ height: h });
    $("#result").css("overflow-y", "scroll");
    $("#result").css("overflow-x", "scroll");
}
一个例子

Answer 6

６楼的代码也有问题，当窗口变小时，会弹出a 也会弹出b,
当窗口变大时，弹出二回b,
望再调试下。。