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()

时间: 2024-08-09 22:00:07

cookie 保存导航菜单的展开状态的相关文章

jquery实现的点击可以展开折叠的垂直导航菜单

jquery实现的点击可以展开折叠的垂直导航菜单:本章节介绍一种比较常见的导航菜单是如何实现的,它具有垂直结构,点击导航主标题可以展开或者折叠二级菜单.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />

实用js+css多级树形展开效果导航菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

Metronic5.1导航菜单状态在切换页面时的适时调整

无论是Metronic5.1.gentelella.admilte等等bootstrap框架中左侧菜单,如果是静态页面,那么菜单状态都是设置好的.以下以Metronic5.1为例: <li class="m-menu__item m-menu__item--submenu m-menu__item--open m-menu__item--expanded" aria-haspopup="true" data-menu-submenu-toggle="

网站导航菜单 远择一个栏目跳转后,保持栏目为选中状态

html <div id="navMenu"> <ul> <li><a href="/web/home" >首页</a></li> <li><a href="/web/survey" >问卷调查</a></li> </ul> </div> js实现 /** * 导航菜单 */ $(document).re

Javascript导航菜单13则

来源:http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html翻译:http://parandroid.com下面为你准备了13个利用Javascript实现的网页导航菜单 1) Sexy Sliding Menu- 基于mootools的Javascript网页导航菜单,漂亮的滑动门技术,看到下面的图了没有,用它来设计你的Sidebar,非常之炫,Sexy,是的. Demo: Mootols VersionDemo: Scri

element导航菜单控制当前菜单样式

直接使用Element的导航菜单组件,参考官方文档:http://element-cn.eleme.io/#/zh-CN/component/menu 问题1:设置当前的导航样式,直接使用自带属性控制就可以. <el-menu :default-active="$route.path" :unique-opened="true" class="el-menu-demo" @select="handleSelect" ba

MVC+Bootstrap 企业通用框架搭建--左侧导航菜单的实现--导航菜单的增删改查(3)

补充上面的点击菜单表信息: using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks; namespace SqlServer.Entity{ public class Menu_Operation { private int _operation_id; public int Operation_id { get { return

MVC+Bootstrap 企业通用框架搭建--左侧导航菜单的实现(1)

导航菜单的实现:Navbar_Menu public class Navbar_Menu { /// <summary> /// 导航菜单编号 /// </summary> private int _nav_menuid; public int Nav_menuid { get { return _nav_menuid; } set { _nav_menuid = value; } } /// <summary> /// 菜单名称 /// </summary>

导航条——树状导航菜单

1.概述 对于一个导航文字很多,并且可以对导航内容进行分类的网站来说,可以将页面中的导航文字以树状图的形式显示,树状图的导航菜单在实际开发应用中非常多.应用它可以方便用户查看.运行本实例,如图1所示,单击节点名称前的加号“+”可以展开指定的节点,单击减号“—”可以收缩子节点. 2.技术要点 本实例主要是通过JavaScript控制表格行的<tr>标签的显示或隐藏来实现节点的显示和隐藏.控制<tr>标签的显示和隐藏,主要是在JavaScript中控制<tr>标签对象的di