ie6 window.resize 事件无效

最新推荐文章于 2023-12-21 17:21:13 发布

原创最新推荐文章于 2023-12-21 17:21:13 发布 · 3.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ie #xhtml #function #html #firefox

#php

收录于

学习笔记专栏收录该内容

59 篇文章

订阅专栏

本文介绍了一个在IE6浏览器中遇到的window.resize事件只在窗口放大时触发的问题，并提供了解决方案：移除DOCTYPE声明可以使事件在窗口缩小时也能正常工作。

ie6 window.resize 事件无效

在做一个监测窗口改变大小的程序时,

发现window.resize在ie6下居然只有在放大的时候才会生效,缩小的时候并不会生效!

[php]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Left Tree</title>
<script type="text/javascript">
function ResizeTree()
{
var width = document.body.clientWidth;
alert(width);
}
window.onresize=ResizeTree;
</script>
</head>
<body>
</body>
</html>
[/php]

最后发现:
去掉头部html dtd声明即可!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

IE 和 FIREFOX 都兼容的事件写法

        window.onload=function()
        {
           yourfunction();
        }
        window.onresize=function()
        {
            yourfunction();
        }