页面刷新问题！

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

---

缓存缓存缓存缓存

---

cookies或者localStorage或者sessionStorage

---

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

---

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

---

<div id="dvContent" style="display:none"><input type="button" value="点击解锁"  onclick="check()"></div>
<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实现锁定网页、密码解锁效果（类似系统屏幕保护效果）

---

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

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