一个奇怪的JS导致Firefox Session Restore失效问题

最新推荐文章于 2021-10-18 22:17:09 发布

iteye_8302

最新推荐文章于 2021-10-18 22:17:09 发布

阅读量388

点赞数

分类专栏： AJAX 文章标签： Firefox Ubuntu 浏览器 Windows HTML

AJAX 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Firefox有一个很有用的Session Restore功能：当浏览器由于异常原因崩溃或者不小心点了刷新按钮时候，能够自动保留之前填写的数据。
但是JavaEye的编辑器不知道什么原因导致这个功能失效，经过调试代码发现了能够重现这个问题的一个简单例子：


<html>
<body>
<div id="d"></div>
<textarea style="width: 300px; height: 300px;"></textarea>
<script>
var new_div = document.createElement('div');
document.getElementById('d').appendChild(new_div);
new_div.innerHTML = "<input type='button' value='a'/>";
</script>
</body>
</html>

用Firefox打开这个html，在textarea里面随便填写一些内容，然后刷新，这些内容就丢失了。
但是令人费解的时候，如果innerHTML里面写的不是input，而且其他html，比如：


new_div.innerHTML = "<a href='#'>test</a>";

这样刷新页面，textarea里面的内容就能够正常保持。

更令人费解的是，只要调整一下第3行和第4行代码的顺序，这个问题也不会出现。
以上情况在Firefox2 @ Ubuntu 7.10或者Windows上都可以重现，初步怀疑是Firefox的Session Restore bug，不过在它的bug list上也没有找到，不知道大家有没有遇到过类似问题？