要让二级菜单栏在JavaScript中保持展开状态，即使在页面跳转时也不会改变，您可以使用浏览器的本地存储（localStorage）来保存状态。
以下是一个示例代码，其中假设您有一个名为"submenu"的二级菜单栏，当用户点击该菜单栏时，将展开或折叠该菜单栏。您可以使用localStorage来保存用户的偏好，以便在用户下次访问页面时保持相同的展开状态。
<!DOCTYPE html> <html> <head> <title>二级菜单栏示例</title> <style> .submenu { display: none; } .submenu.active { display: block; } </style> </head> <body> <button onclick="toggleMenu()">展开/折叠菜单</button> <ul class="submenu"> <li>菜单项1</li> <li>菜单项2</li> <li>菜单项3</li> </ul> <script> function toggleMenu() { var submenu = document.querySelector('.submenu'); submenu.classList.toggle('active'); localStorage.setItem('submenuStatus', submenu.classList.contains('active')); } // 在页面加载时检查存储的状态，并设置菜单的初始状态 var submenuStatus = localStorage.getItem('submenuStatus'); if (submenuStatus === 'true') { var submenu = document.querySelector('.submenu'); submenu.classList.add('active'); } </script> </body> </html>
在上面的示例中，当用户点击按钮时，toggleMenu()函数会切换二级菜单的显示状态，并将状态存储在localStorage中。在页面加载时，脚本会检查localStorage中保存的状态，并根据需要设置菜单的初始状态。这样，即使在页面跳转后，二级菜单栏也会保持用户上次访问时的展开状态。
