页面重新加载时的持久性 DOM 对象

Question

这个问题可能看起来有点不合时宜，但实际上让我很难受。

Google Chrome 和 Opera 中的 DOM 对象实际上是 reload-transient。也就是说，如果您在 html 页面中创建文本框并刷新页面，则文本框中的信息会消失。而在 IE 和 Firefox 中，相同的 DOM 对象是reload-persistent。也就是说，文本框在刷新后会保留其值，除非编写了 javascript 代码来防止这种情况发生。

这 4 款浏览器在 Acid 3 测试中均获得了 100 分，但在这方面仍然存在差异。任何人都可以帮我弄清楚为什么实际上存在这种差异吗？是因为底层布局引擎（比如 Firefox 的 gecko、Opera 的 presto 等）还是浏览器设计者的意识形态？

这个问题实际上让我很难让我的网站与浏览器兼容，因为我的代码希望 iframe 中的隐藏字段在重新加载后保留其值。我的问题的详细信息已经写在这个stackoverflow link。

这是我遇到的一个有趣的现象，如果有人能分享他们对此的想法，我会非常高兴。

非常感谢...

Answer 1

如果文本框在 html 表单中，您可以使用表单的 reset() 方法将文本框恢复为默认状态。如果您使用的是 jQuery，您可以执行以下操作：

$('form').each(function(index, formElement){
    formElement.reset();
});