以下代码为折叠字菜单,刷新后仍能保持菜单状态。(看代码用的是cookie保存),可是当我清空IE所有记录。
并浏览了test.htm,并打开
C:\Documents and Settings\Administrator\Local Settings\Temporary Internet Files或
C:\Documents and Settings\Administrator\Cookies(我用Administrator登陆的)都找不到cookie.请问是怎么回事,cookie存放在哪里了。谢谢!
test.htm<!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><style type="text/css">
 #menu { width:150px; margin:0px 0px; padding:0px; text-align:center; }
 #menu dt { color:#385065; font-weight:bold; line-height:25px; cursor:pointer;  }
 #menu dd { margin:0px;  list-style:none; text-align:center;  }
 #menu dd  ul { margin:0; border:1px solid #9FACB7; list-style:none; display:none;  }
 #menu dd  ul li { padding:3px; }
</style><script language="javascript" type="text/javascript">
 
 // --- 隐藏所有
 function HideAll() 
 {      
      var items = document.getElementsByTagName("ul");   
      for (var iIndex = 0; iIndex < items.length; iIndex++)
       {
          items[iIndex].style.display = "none";
       }
 }
 
 // --- 设置cookie
 function setCookie(sName,sValue,expireHours) 
 {
      var cookieString = sName + "=" + escape(sValue);
      //;判断是否设置过期时间
      if (expireHours>0)
       {
            var date = new Date();
            date.setTime(date.getTime + expireHours * 3600 * 1000);
            cookieString = cookieString + "; expire=" + date.toGMTString();
      }
      document.cookie = cookieString;
 }
 
 //--- 获取cookie
 function getCookie(sName) 
 {
   var myCookie = document.cookie.split("; ");
   for (var iIndex=0; iIndex < myCookie.length; iIndex++)
   {
      var aCrumb = myCookie[iIndex].split("=");
      if (escape(sName) == aCrumb[0])
       {
         return unescape(aCrumb[1]);
       }
   }
   return null;
 }
 
 window.onload = function() 
 {
    var show_item = "opt_1";
    if (getCookie("show_item") != null)
    {
      show_item= "opt_" + getCookie("show_item");
    }
    
    if(document.getElementById(show_item)!=null)
    {
      document.getElementById(show_item).style.display = "block";
    }
    
    var items = document.getElementsByTagName("dt");    
    for (var iIndex = 0; iIndex < items.length; iIndex++) 
    {
       items[iIndex].onclick = function() 
       {
            var currentItem = document.getElementById("opt_" + this.id);
            
            if (currentItem.style.display != "block")  //原来为折叠字
            {
              HideAll();
              currentItem.style.display = "block";  
              setCookie("show_item",this.id);            
            }
            else 
            {
              currentItem.style.display = "none";   
              setCookie("show_item",999);                 
            }                   
      }
    }
 }
 
 </script> 
</head><body><dl id="menu">
    <dt id="1">商品管理</dt>
    <dd>
        <ul id="opt_1">
            <li><a href="#">商品发布</a></li>
            <li><a href="#">商品查询</a></li>
            <li><a href="#">商品分类</a></li>
            <li><a href="#">品牌维护</a></li>
            <li><a href="#">商品评论</a></li>
        </ul>
    </dd>
    <dt id="2">顾客信息</dt>
    <dd>
        <ul id="opt_2">
            <li><a href="#">顾客查询</a></li>
            <li><a href="#">顾客统计</a></li>
        </ul>
    </dd>
    <dt id="3">跟单管理</dt>
    <dd>
        <ul id="opt_3">
            <li><a href="#">订单查询</a></li>
            <li><a href="#">物流配送</a></li>
            <li><a href="#">收货确认</a></li>
            <li><a href="#">订单统计</a></li>
        </ul>
    </dd>
</dl></body>
</html>