Question

我有一个页面，其中包含一些帖子数据（来自之前的表单提交）。而且，我一直在改变这个页面中的DOM（使用jQuery）。

当我点击F5时，FF和Internet Explorer都会向我显示有关重新发送帖子数据的警告。到目前为止没有惊喜。

但是当我在弹出窗口中选择取消时，IE会丢失我对DOM所做的所有更改！另一方面，在FF中，所发生的事情正是我所期待的：没有。

这是IE的已知问题吗？这种行为有充分的理由吗？（为什么取消会做任何事情？）可以避免吗？

如果人们想看看我的意思，这个测试页应该这样做：

<!DOCTYPE html>
<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $('#changeColor').click(
                    function(){
                        $('#container').css('background-color', 'blue');
                    }
                );
            });
        </script>
    </head>
    <body>
    <div>
    <p>To see the behaviour that is different in IE versus FF:</p>
    <ul>
        <li>Put something in the textbox and press Submit, just to have a post value.</li>
        <li>Press the "Make blue" button.</li>
        <li>Press F5.</li>
        <li>Click Cancel in the popup.</li>
    </ul>
    </div>
    <div id="container">
    <form method="post">
        <input name="test" type="text">
        <input type="submit" value="Submit">
    </form>
    <button id="changeColor">Make blue</button>
    </div>
    </body>
</html>

即使取消刷新，Internet Explorer也会丢失DOM更改

0 个答案: