的Javascript菜单

Question

<script> 
function HideandUNhideObj(ThisObj) { 
var nav = document.getElementById(ThisObj).style 
if (nav.display == "none") { 
nav.display = 'block'; 
} else { 
nav.display = 'none'; 
} 
} 
</script> 

<ul class="removebullet"> 
<li> 
<div onclick="HideandUNhideObj('div1');">Head</div> 
<div style="display: none;" id="div1"> 
<ul class="removebullet"> 
<li><a>Submenu1</a></li> 
<li><a >Submenu2</a></li> 
<li><a >Submenu3</a></li> 
</ul> 
</div> 
</li> 
</ul> 

在“头”如果您使用的是最新的浏览器点击它显示的子菜单... 如何保存这个菜单的位置在其他页面后重定向？谢谢

Answer 1

，你可以使用localStorage的。 了解详情，请致电http://diveintohtml5.info/storage.html

Answer 2

您可以尝试使用cookies或localStorage。

Answer 3

下面是一个使用HTML5本地存储工作示例：http://jsfiddle.net/ryancook/99oqp1oy/

只需刷新浏览器，看看它记住，如果子菜单打开或关闭。

function saveMenu (show) { 
    if ('localStorage' in window && window['localStorage'] !== null) { 
     if (show) { 
      localStorage.submenu = 'show'; 
     } else { 
      localStorage.submenu = 'hide'; 
     } 
    } 
} 

function restoreMenu() { 
    if ('localStorage' in window && window['localStorage'] !== null) { 
     if (localStorage.submenu === 'show') { 
      HideandUNhideObj('div1'); 
     } 
    } 
} 

function HideandUNhideObj(ThisObj) { 
    var nav = document.getElementById(ThisObj).style; 
    if (nav.display == "none") { 
     nav.display = 'block'; 
     saveMenu(1); 
    } else { 
     nav.display = 'none'; 
     saveMenu(0); 
    } 
} 

restoreMenu(); 

您需要将您的JavaScript移动到HTML的身体的底部（见小提琴），除非你调整你的JavaScript等待DOM加载，但我还是把最接近的办法你现有的代码。