您的当前位置：首页 js通过cookie实现刷新不变化树形菜单_javascript技巧

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

来源：爱go旅游网

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

菜单的HTML结构：




一级菜单一


二级菜单一
二级菜单二
二级菜单三
二级菜单四
二级菜单五




一级菜单二



二级菜单一


三级菜单一
三级菜单二

三级菜单三


四级菜单一
四级菜单二
四级菜单三






二级菜单二
二级菜单三
二级菜单四
二级菜单五




一级菜单三


二级菜单一
二级菜单二
二级菜单三
二级菜单四
二级菜单五

读取cookie工具类：

菜单事件绑定：

页面加载时重新设置菜单

完整DEMO：

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

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