【cookie】js 通过cookie实现刷新不变化树形菜单-刷新-树形菜单

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【js 通过cookie实现刷新不变化树形菜单】，下面是详细的讲解！

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

<div class="treemenu">
<ul>
<li>
<a href="http://www.jb51.net/article/56919.htm#" id="treemenu_a_1">一级菜单一</a>
<div class="submenu" id="submenu_1">
<ul>
<li><a href="http://www.jb51.net/article/subpage/a.html" id="submenu_a_1_1">二级菜单一</a></li>
<li><a href="http://www.jb51.net/article/subpage/b.html" id="submenu_a_1_2">二级菜单二</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_1_3">二级菜单三</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_1_4">二级菜单四</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_1_5">二级菜单五</a></li>
</ul>
</div>
</li>
<li>
<a href="http://www.jb51.net/article/56919.htm#" id="treemenu_a_2">一级菜单二</a>
<div class="submenu" id="submenu_2">
<ul>
<li>
<a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_2_1">二级菜单一</a>
<div class="submenu" id="submenu_2_1">
<ul>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_2_1_1">三级菜单一</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_2_1_2">三级菜单二</a></li>
<li>
<a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_2_1_3">三级菜单三</a>
<div class="submenu" id="submenu_2_1_3">
<ul>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_2_1_3_1">四级菜单一</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_2_1_3_2">四级菜单二</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_2_1_3_3">四级菜单三</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_2_2">二级菜单二</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_2_3">二级菜单三</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_2_4">二级菜单四</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_2_5">二级菜单五</a></li>
</ul>
</div>
</li>
<li>
<a href="http://www.jb51.net/article/56919.htm#" id="treemenu_a_3">一级菜单三</a>
<div class="submenu" id="submenu_3">
<ul>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_3_1">二级菜单一</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_3_2">二级菜单二</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_3_3">二级菜单三</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_3_4">二级菜单四</a></li>
<li><a href="http://www.jb51.net/article/56919.htm#" id="submenu_a_3_5">二级菜单五</a></li>
</ul>
</div>
</li>
</ul>
</div>

关于js 通过cookie实现刷新不变化树形菜单的用户互动如下：

　　相关问题：js把数字存在cookie里,每次刷新都增加1

　　答：页面加载window.onload 的时候就调用一次提取，+1，保存的过程么 ... >>详细

　　相关问题：js获取手机端cookie使loading页面只在第一次打开网...

　　答：我之前写的方法，给你参考： 另外，刷新不会在出现的原因，可能是因为在 localhost ，你要有网域或是 ip ， Cookie 才会记录的。不懂可以私信问我详细 function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() ... >>详细

　　相关问题：如何用纯js实现点击“记住用户名”按钮，刷新之后用...

　　答：http://www.w3school.com.cn/js/js_cookies.asp 这里有纯JS的cookie。 要实现你要的功能，在点击按钮的时候触发一个函数，把用户名写入cookie，然后该干啥干啥；另外在文本框下面加一段代码，检查cookie并把用户名填到文本框里。 话说不想用jQue... >>详细