输入banner图图片脚本导航/分类

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

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

菜单的HTML结构:

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

读取cookie工具类:

菜单事件绑定:

页面加载时重新设置菜单

完整DEMO:

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

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