js通过cookie实现刷新不变化树形菜单_javascript技巧
来源：动视网
责编：小采
时间：2020-11-27 21:28:23
js通过cookie实现刷新不变化树形菜单_javascript技巧
js通过cookie实现刷新不变化树形菜单_javascript技巧:通过设置cookie来保存树形菜单的状态，在页面加载时重新读取cookie来设置菜单。 菜单的HTML结构： 一级菜单一 二级菜单一 二级菜单二 二级菜单三 二级菜单四 二级菜单五 一级菜单二 二级菜单一 三级菜单一 三级菜单二 三级菜单三 四
导读js通过cookie实现刷新不变化树形菜单_javascript技巧:通过设置cookie来保存树形菜单的状态，在页面加载时重新读取cookie来设置菜单。 菜单的HTML结构： 一级菜单一 二级菜单一 二级菜单二 二级菜单三 二级菜单四 二级菜单五 一级菜单二 二级菜单一 三级菜单一 三级菜单二 三级菜单三 四
通过设置cookie来保存树形菜单的状态，在页面加载时重新读取cookie来设置菜单。
菜单的HTML结构：
一级菜单一
二级菜单一
二级菜单二
二级菜单三
二级菜单四
二级菜单五
一级菜单二
二级菜单一
三级菜单一
三级菜单二
三级菜单三
四级菜单一
四级菜单二
四级菜单三
二级菜单二
二级菜单三
二级菜单四
二级菜单五
一级菜单三
二级菜单一
二级菜单二
二级菜单三
二级菜单四
二级菜单五
读取cookie工具类：
菜单事件绑定：
页面加载时重新设置菜单
完整DEMO：
【JavaScript】刷新不变化树形菜单(多级菜单).zip
注意：chrome本地控制台无法读取cookie，需要在firefox/IE或者服务器环境下测试
js通过cookie实现刷新不变化树形菜单_javascript技巧
js通过cookie实现刷新不变化树形菜单_javascript技巧:通过设置cookie来保存树形菜单的状态，在页面加载时重新读取cookie来设置菜单。 菜单的HTML结构： 一级菜单一 二级菜单一 二级菜单二 二级菜单三 二级菜单四 二级菜单五 一级菜单二 二级菜单一 三级菜单一 三级菜单二 三级菜单三 四
