Javascript:当用户在浏览器中单击后退按钮时，使 div 保持显示状态 ='block'

Question

我在表单上有一些默认情况下隐藏的 div (style="display:none;")。当用户单击某个单选按钮时，将执行 onclick 事件并公开 div。然后，用户在提交表单时被带到一个审查页面，向他显示任何错误。如果有，他单击浏览器上的“返回”按钮返回到表单并更正它们。缓存已启用，因此他的所有表单内容都在那里。问题是，由于表单正在寻找 onclick 事件，因此所有先前公开的 div 都再次隐藏。当用户从评论页面点击返回表单时，有什么方法可以确保它们保持暴露状态？我认为 document.ready 函数可以做到这一点，但并不令人高兴。

Answer 1

正如 Yair 提到的，您可以使用 cookie。它不能用纯 JS 来完成。但是，您也可以使用 PHP。

在用户转到第二个页面之前，让 JS 扫描有问题的 divs，并找出哪些是可见的。 (我假设他们都有个人 ID)。将这些 ID 存储在逗号分隔的字符串或数组中，并将其作为 _POST 或 _GET 发送到新页面。

让 PHP 将其作为隐藏值存储在某处。您可以在某物上使用隐藏输入或 data-x ... 只要它在那里。

在那个页面上有 JS 监视后退点击，停止它，然后将用户重定向到前一个页面，并将字符串或数组发送回它。让该页面上的 PHP 将其打印为 JS 值，并让页面加载时的 JS 显示所有具有匹配 ID 的 div。