Question

因此，当使用location.reload（）时，我的浏览器显然清除缓存有问题;在进行更改时尝试为我重新加载页面。所以在我的HTML中我有这个：

      <select id="country" onchange="reloadPage()">
      <option value="0" name="United States">United States</option>
      <option value="1" name="Other">Other</option>
      </select>

然后这是我在head标签之间的Javascript代码：

<script>
function reloadPage()
 {
 location.reload();
 }
</script>

所以问题是当我选择＆＃34;其他＆＃34;时，页面重新加载＆＃34;美国＆＃34;被选中而不是＆＃34;其他＆＃34;并清除表格中的所有其他信息。在我看来，浏览器并没有缓存更改，因此当它重新加载时，它会清除所有内容。使用此功能重新加载页面时，将清除输入到表单中的任何信息。有没有办法纠正这个问题，以便当浏览器通过此功能重新加载时，它不会将表单重置为原始状态？

Answer 1

正如attila的评论中所提到的，您可以简单地调用函数来完成您的工作，而不是重新加载页面。

但是，我的观点是，为了在刷新页面或关闭浏览器后保持页面状态，我们只需使用localStorage即可。

这是一个简单的例子：

localStorage["selectedCountry"] = "US";  //store page data
//refresh page...
var country = localStorage["selectedCountry"]; //read page data. country is now "US"

在执行代码时浏览器清除信息时出现问题

1 个答案: