Javascript菜单 函数HideandUNhideObj（ThisObj）{ var nav=document.getElementById（ThisObj）.style 如果（导航显示=“无”）{ nav.display='块'； }否则{ nav.display='none'； } } 头 子菜单1 子菜单2 子菜单3

在“头部”点击它显示子菜单。。。

---

在其他页面中重定向后如何保存此菜单位置？谢谢

如果您使用的是现代浏览器，您可以使用localStorage。

---

在

了解它，您可以尝试使用或。

以下是一个使用HTML5本地存储的工作示例：

只需刷新浏览器，查看它是否记得子菜单处于打开或关闭状态

<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>

---

您将需要将JavaScript移动到HTML正文的底部（请参阅提琴），除非您重新构造JavaScript以等待DOM加载，但我采用了最接近现有代码的方法。

不要使用突兀的JavaScript构建菜单。有很多方法可以在没有它的情况下制作出漂亮的菜单。@如果你想在没有回答问题的情况下顺便发表评论，ErickPetru可能会帮助你提到什么是突兀的JavaScript。

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();