javascript：保持javascript效果的状态

Question

新秀在这里。我正在使用基本的javascript，css通过单击/取消选中复选框来打开/关闭div。

function toggleMenu (divId, box) { 
  var vis = (box.checked) ? "block" : "none"; 

  document.getElementById(divId).style.display = vis;
} 

我如何保持javascript效果的状态。现在，如果我点击复选框打开div，如果我刷新页面或回击，页面将加载复选框但关闭div。

非常感谢提前。

Answer 1

最简单的方法是在页面末尾添加对toggleMenu()的调用。

正确的方法是将其附加到body.onLoad处理程序。

最好的方法是让像jquery这样的js框架做很多事情，这样你就可以添加

 $(document).ready(function() {
     toggleMenu()
 });

Answer 2

Cookies（在我看来）是最好的方法。看看这个：http://www.w3schools.com/JS/js_cookies.asp

- 当用户检查/取消选中菜单时，它可以创建/更改cookie。

document.cookie = "menu_open=yes";

让onLoad事件检查其cookies以获取menu_open变量：

get_cookie ("menu_open");

Answer 3

如果调用toggleMenu，请使用cookie来保存状态。注册一个onload函数，通过在加载/刷新页面时检查cookie来修复切换状态。