当前位置:Gxlcms > JavaScript > js通过cookie实现刷新不变化树形菜单_javascript技巧

js通过cookie实现刷新不变化树形菜单_javascript技巧

时间:2021-07-01 10:21:17 帮助过:6人阅读

通过设置cookie来保存树形菜单的状态,在页面加载时重新读取cookie来设置菜单。

菜单的HTML结构:

  • 一级菜单一
  • 一级菜单二
  • 一级菜单三

读取cookie工具类:

菜单事件绑定:

页面加载时重新设置菜单

完整DEMO:

【JavaScript】刷新不变化树形菜单(多级菜单).zip

注意:chrome本地控制台无法读取cookie,需要在firefox/IE或者服务器环境下测试

人气教程排行