javascript - 窗口调整大小触发的 DOM 事件

Question

我的页面布局相当复杂。最初打开页面时，某些元素的对齐有问题。但是，可以通过更改浏览器窗口的大小(永久地)解决此问题。

显然我不希望用户必须调整浏览器窗口的大小才能使页面正确显示，所以我想知道是否有一种方法可以在页面首先加载？

更新

我发现以下代码将触发附加到窗口调整大小事件的任何处理程序:

if (document.createEvent) { // W3C
    var ev = document.createEvent('Event');
    ev.initEvent('resize', true, true);
    window.dispatchEvent(ev);
} else { // IE
    document.fireEvent('onresize');
}

我证实这确实会触发窗口的调整大小事件处理程序，但是当我在 Firebug 控制台中运行这段代码时，它并没有解决布局问题。

所以看起来当浏览器调整大小时修复布局的代码不是窗口调整大小事件的处理程序，而是其他东西的处理程序。我该如何追踪我需要触发的事件处理程序？

是否有可能当手动调整浏览器大小时，调整大小事件向下传播到窗口的所有子级，但是当执行上面的代码时，调整大小处理程序仅在窗口本身上触发？

Answer 1

为了IE兼容

function fireResize(){
    if (document.createEvent) { // W3C
        var ev = document.createEvent('Event');
        ev.initEvent('resize', true, true);
        window.dispatchEvent(ev);
    }
    else { // IE
        element=document.documentElement;
        var event=document.createEventObject();
        element.fireEvent("onresize",event);
    }
};
fireResize();