页面上给window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,并且其具体执行的次数在不同的电脑有不同的值,相当诡异,Firefox等其他浏览器则无此现象,故可认定此为IE浏览器的bug。看看代码:
<html>
<head>
<script type="text/javascript">
function resizeFunc(){
alert(Math.random());
}
</script>
</head>
<body>
<div>Text...</div>
<script type="text/javascript">
window.attachEvent("onresize",resizeFunc); //方法一
//window.onresize = resizeFunc; //方法二,支持ff
</script>
</body>
</html>
<head>
<script type="text/javascript">
function resizeFunc(){
alert(Math.random());
}
</script>
</head>
<body>
<div>Text...</div>
<script type="text/javascript">
window.attachEvent("onresize",resizeFunc); //方法一
//window.onresize = resizeFunc; //方法二,支持ff
</script>
</body>
</html>
当拉伸或缩小窗口时,可以看到 alert 被执行了数次。
这个bug其实在几个月前就发现了,当时进度逼得紧,没有时间做详细研究,况且此bug比较隐蔽,几乎不会带来任何异常,无非是多运行了几遍函数,浪费点客户的资源又不被觉察......
ok,来看看我暂时想到的解决方案:
<html>
<head>
<script type="text/javascript">
function resizeFunc(){
alert(Math.random());
}
</script>
</head>
<body>
<div id="box" style="width:100%">
<div>Text...</div>
</div>
<script type="text/javascript">
var Container = document.getElementById("box");
Container.attachEvent("onresize",resizeFunc); //方法一
//Container.onresize = resizeFunc; //方法二,支持ff
</script>
</body>
</html>
<head>
<script type="text/javascript">
function resizeFunc(){
alert(Math.random());
}
</script>
</head>
<body>
<div id="box" style="width:100%">
<div>Text...</div>
</div>
<script type="text/javascript">
var Container = document.getElementById("box");
Container.attachEvent("onresize",resizeFunc); //方法一
//Container.onresize = resizeFunc; //方法二,支持ff
</script>
</body>
</html>