onresize在不同浏览器的表现

IE6,IE7,IE8：

1、页面初始化；

2、页面本来没有滚动条，但经过内容超过来后出现滚动条，这时也会触发onresize事件；

3、浏览器大小发生变化时，拖动右下角拉大或缩小浏览器大小；

 

Firefox：

1、页面初始化；

2、浏览器大小发生变化时，拖动右下角拉大或缩小浏览器大小；

 

注意：

在IE中的第2条页面本来没有滚动条，但经过内容超过来后出现滚动条，这时也会触发onresize事件。这个不适用于FF的onresize。

 

Firefox中需要做如下处理：

 

/* FireFox resize workaround start begin */ var ffStartWidth = document.getElementsByTagName("body")[0].offsetWidth; function doFirefoxResize() { var resizeWidth = document.getElementsByTagName("body")[0].offsetWidth; if (resizeWidth == ffStartWidth) { } else { ffStartWidth = document.getElementsByTagName("body")[0].offsetWidth; // 这里可以输入你需要调用的事件 alert("Firefox resize event"); } setTimeout("doFirefoxResize();", 800); } /* FireFox resize workaround end */ $(function() { // 处理firefox下的当数据出现滚动条时，这样就不会出现横向滚动条 if (document.all) { } else { setTimeout("doFirefoxResize();", 400); } });