javascript - 页面刷新问题！

Question

我想实现的内容是这样的，页面中一个按钮，点击后解锁一个隐藏p的一段内容，并让其显示。页面刷新后还是保持解锁后的状态。新手求解！

Answer 1

<p id="dvContent" style="display:none"><input type="button" value="点击解锁"  onclick="check()"></p>
<script>  
  function ShowContent(show) {
    document.getElementById('dvContent').style.display = show ? 'block' : 'none';
  }
  function check() {
      document.cookie = 'unlock11';
      ShowContent(false);
  }
  window.onload = function () {
    if (document.cookie.indexOf('unlock11') == -1) ShowContent(true);
  }
</script>

参考：javascript实现锁定网页、密码解锁效果（类似系统屏幕保护效果）

Answer 2

写状态到cookies 每次载入先读取一下

Answer 3

cookies或者localStorage或者sessionStorage

Answer 4

考虑本地存一下这个状态标识，cookie,sessionstorage 或者localstorage 都行

Answer 5

可以用局部刷新实现这样的一个效果。

显示隐藏的 p 后，异步去刷新后面的页面。

Answer 6

缓存缓存缓存缓存