一个cookie作用域的问题苦恼了两天

最新推荐文章于 2025-05-26 21:35:29 发布

原创最新推荐文章于 2025-05-26 21:35:29 发布 · 5.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #class #function #stylesheet #decorator #html

本文介绍了一个后台管理系统的菜单设计及其实现方式，包括使用JavaScript来控制菜单项的显示与隐藏，利用Cookie保存用户的菜单选择状态，确保用户下次访问时可以快速定位到上次使用的功能模块。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %> <%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>后台管理</title> <link href="css/17.css" mce_href="css/17.css" rel="stylesheet" type="text/css"/> <link rel="stylesheet" type="text/css" href="css/extremecomponents.css" mce_href="css/extremecomponents.css"/> <mce:script type="text/javascript" src="js/date.js" mce_src="js/date.js"></mce:script> <mce:script type="text/javascript" src="js/querylist.js" mce_src="js/querylist.js"></mce:script> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> body { margin:0; text-align:center; color:#00000; font:normal 12px Arial,Verdana,Tahoma; background:#C8D0D5; line-height:150%; padding:0px; } #container{ position:relative; margin:1px auto 0px auto; width:860px; text-align:left; background:rgb(174,188,201); /* 修补#navigation的背景色问题 */ } a:link,a:visited { color:#385065; text-decoration:none } a:hover { text-decoration:underline } #menu { position:relative; float:left; width:150px; margin:120px 15px 5px 5px; padding:0px; text-align:left; list-style:none } #menu .item { margin:5px 0px; padding:0px; list-style:none } a.title:link, a.title:visited, a.title:hover { display:block; background:url(img/m20069110491.gif) no-repeat; color:#385065; font-weight:bold; padding:2px 0 0 22px; width:128px; line-height:23px; cursor:pointer; text-decoration:none } #menu .item ul { border:1px solid #9FACB7; margin:0; width:118px; padding:3px 0px 3px 30px; background:#fff; list-style:none; display:none } #menu .item ul li { display:block; } </style> <mce:script language="javascript" type="text/javascript"></mce:script> </head> <body> <div id="container"> <ul id="menu"> <li class="item"><a href="javascript:void(0)" mce_href="javascript:void(0)" class="title" name="1">平台管理</a> <ul id="opt_1" class="optiton"> <li><a href="te/listTerrace.do" mce_href="admin/listTerrace.do">平台信息</a></li> <li><a href="te/addTerrace.jsp" mce_href="admin/addTerrace.jsp">平台添加</a></li> </ul> </li> <li class="item"><a href="javascript:void(0)" mce_href="javascript:void(0)" class="title" name="2">游戏管理</a> <ul id="opt_2" class="optiton"> <li><a href="ms/toAddGameType.do" mce_href="admin/toAddGameType.do">游戏类型设置</a></li> <li><a href="ms/toAddGame.do" mce_href="admin/toAddGame.do">游戏设置</a></li> </c:if> <li><a href="ms/toDefinMsg.do" mce_href="admin/toDefinMsg.do">计费类型设置</a></li> </ul> </li> <li class="item"><a href="javascript:void(0)" mce_href="javascript:void(0)" class="title" name="3">业务查询</a> <ul id="opt_3" class="optiton"> <li><a href="admin/queryList.do" mce_href="admin/queryList.do">业务统计</a><br></li> <li><a href="admin/queryList.do" mce_href="admin/queryList.do">绘制图表</a><br></li> </ul> </li> <li class="item"><a href="javascript:void(0)" mce_href="javascript:void(0)" class="title" name="4">系统管理</a> <ul id="opt_4" class="optiton"> <li><a href="admin/toAddUser.do" mce_href="admin/toAddUser.do">用户设置</a></li> <li><a href="admin/toAddUser.do" mce_href="admin/toAddUser.do">权限设置</a></li> <li><a href="admin/toAddUser.do" mce_href="admin/toAddUser.do">退出系统</a></li> </ul> </li> </ul> <div id="text"> ${msg} </div> </div> </body> </html> 注意各个链接的不同例如<a href="te/listTerrace.do">平台信息</a>和<a href="admin/toAddGame.do">游戏设置

每点击一次链接就会刷新页面，由于两个连接不再一个’域‘中导致导航栏总是取到旧的cookie的值，只要都改成admin/...等链接就可以解决