您好,欢迎来到爱go旅游网。
搜索
您的当前位置:首页js通过cookie实现刷新不变化树形菜单_javascript技巧

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

来源:爱go旅游网

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

菜单的HTML结构:



  • 一级菜单一
  • 二级菜单一
  • 二级菜单二
  • 二级菜单三
  • 二级菜单四
  • 二级菜单五
  • 一级菜单二
  • 二级菜单一
  • 三级菜单一
  • 三级菜单二
  • 三级菜单三
  • 四级菜单一
  • 四级菜单二
  • 四级菜单三
  • 二级菜单二
  • 二级菜单三
  • 二级菜单四
  • 二级菜单五
  • 一级菜单三
  • 二级菜单一
  • 二级菜单二
  • 二级菜单三
  • 二级菜单四
  • 二级菜单五
  • 读取cookie工具类:

    
    
    

    菜单事件绑定:

    
    
    

    页面加载时重新设置菜单

    
    
    

    完整DEMO:

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

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

    Copyright © 2019- igat.cn 版权所有 赣ICP备2024042791号-1

    违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务