cookie 保存导航菜单的展开状态

菜单展开状态保存，最开始是用session来存的，用session存没点击一次菜单就会多次访问后台页面，影响页面加载速度，后来改用js的cookie来存；代码如下

//获取cookie

function GetCookie(name)

{

var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));

if (arr != null) {

return unescape(arr[2]);

} else {

return null;

}

//设置cookie

function SetCookie(name,value)

{

var Days = 30;

var exp = new Date();

exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);

document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString()

}

但是测试的时候发先菜单会乱跳，取出cookie的值发现，每次设置cookie的值不是做修改覆盖，而是会添加，找了很久发现原来是设置cookie的时候没有设置域，应在设置的时候添加域：paht=dir,dir是指当前设置的cookie 能访问的有效的文件夹，当dir=/,表示全站可访问

document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString()

转载于:https://www.cnblogs.com/huanglin101/p/5953149.html

cookie 保存导航菜单的展开状态相关推荐

使用element UI导航菜单默认展开选中子菜单
vue项目中使用的element UI导航菜单:官网例子导航菜单默认展开主要涉及的关键属性: default-active与default-openeds的主要区别: default-active可 ...
html5导航菜单置顶,jQuery和css3顶部固定导航菜单特效插件
这是一款非常实用的jQuery和css3顶部固定导航菜单特效插件.我们曾经在很多网站上都看到过这种顶部固定导航菜单特效.Disqus For Websites的导航菜单就是一个很好的例子. HTML结 ...
Axure RP9——【导航栏二级菜单的展开效果】
导航栏二级菜单的展开效果 Navigation Bar · secondary menu Here's how I want things to unfold. 目录导航栏二级菜单的展开效果 Nav ...
使用el-menu做侧边栏导航遇到需要点击两次菜单才展开
在根据路由遍历生成侧边导航栏时,遇到一个问题,就是当我点击选中某个垂直菜单时,只有点击第二次它才会展开,第一次在选中垂直菜单之后垂直菜单它就收缩起来了,如下图: 如上图,在我第一次点击选中" ...
使用session保持登录状态，cookie保存用户账号密码
session保存登录状态与cookie保存账号密码 1. session维持登录状态 1.1 代码实现 2. cookie保存账号密码 2.1 什么是cookie 2.2 cookie记住账号密码 ...
状态输出导航栏html,css3与html5实现响应式导航菜单(导航栏)效果分享
此方法可以应用到有特别多的链接菜单项目中,特别在移动项目中,它可以将所有菜单转换成一个按钮式的下拉菜单. HTML 示例中有一个导航菜单的html结构,元素用来定位导航菜单,.current表示当前活 ...
头部导航菜单选中状态切换
头部导航菜单选中状态切换 $(function(){var myNav = $("nav>ul>li>a"),i;for(i=0;i<myNav.lengt ...
手风琴式折叠html,基于jQuery实现以手风琴方式展开和折叠导航菜单
本章节分享一段代码实例,它实现了手风琴方式展开和折叠导航菜单效果. 代码实例如下: 代码实例如下: 脚本之家 dl{width:150px;} dl,dd{margin:0;} dt{ backgro ...
vue项目-element UI-NavMenu 导航菜单始终只展开一个
vue项目-element UI-NavMenu 导航菜单始终只展开一个全局搜索:unique-opened找到该配置将其改成true unique-opened:是否只保持一个子菜单的展开 < ...

cookie 保存导航菜单的展开状态

cookie 保存导航菜单的展开状态相关推荐

最新文章

热门文章