javascript - 使用 JavaScript 重新加载页面时出现问题

Question

我有 2 个 div，包含三个不同的文本框。

默认情况下，在页面加载时我启用了 div1。

如果我点击button2，它将启用第二个div并禁用div1。

现在我刷新页面。默认情况下，它会将 div 显示为可见，就像页面加载一样。

有没有办法使用脚本将 div2 及其文本框显示为可见？

Answer 1

如果我理解正确的话，你希望能够记住状态。

可以使用多种选项来达到所需的效果。

1. Cookie

在页面加载时，您可以检查是否已设置 cookie。如果没有，您将默认显示 div1。如果设置了 cookie，您将隐藏除 cookie 指定的 div 之外的所有 div。

为了帮助自己并节省一些时间，您可以尝试在线查找一些用Javascript操作cookie的函数，like this ones .

1. session

这种方法或多或少与 cookie 相同，唯一的区别是，您不是检查 cookie 是否已设置，而是对 PHP 脚本进行 AJAX 调用，该脚本将检查 session 是否已设置并向使用您喜欢的任何格式(即 JSON)的 Javascript。

1. 本地存储

此选项与前两个选项的区别在于，并非所有浏览器都支持本地存储，因此您必须首先检查浏览器是否支持。如果用户的浏览器不支持本地存储，您将不得不使用选项 1 或选项 2，除非您找到更多解决方案来解决您的问题。

要检查本地存储支持，您可以使用以下代码:

return ('localstorage' in window) && window['localstorage'] !== null

为了让自己熟悉本地存储，您可以观看此 short video在 net.tutsplus 上。