cookie 保存信息 例子

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
< html >
     < head >
         < meta  http-equiv ="Content-Type"  content ="text/html; charset=GB2312"   />
         < title >Cookie处理函数练习 </ title >
         < script  language ="JavaScript"  type ="text/javascript" >
         var  $ = function (el){
             return  ( typeof  el == ' object ' ) ? el:document.getElementById(el);
        };        
        var  addCookie = function (objName,objValue,objHours){ // 添加cookie
             var  str  =  objName  +   " = "   +  escape(objValue);
             if (objHours  >   0 ){ // 为0时不设定过期时间，浏览器关闭时cookie自动消失
                 var  date  =   new  Date();
                 var  ms  =  objHours * 3600 * 1000 ;
                date.setTime(date.getTime()  +  ms);
                str  +=   " ; expires= "   +  date.toGMTString();
            }
            document.cookie  =  str;
            alert( " 添加cookie成功 " );
        };        
         var  getCookie = function (objName){ // 获取指定名称的cookie的值
             var  arrStr  =  document.cookie.split( " ;  " );
             for ( var  i  =   0 ;i  <  arrStr.length;i  ++ ){
                 var  temp  =  arrStr[i].split( " = " );
                 if (temp[ 0 ]  ==  objName){                
                 return  unescape(temp[ 1 ]);
                }
            } 
        };        
         var  delCookie = function (name){ // 为了删除指定名称的cookie，可以将其过期时间设定为一个过去的时间
             var  date  =   new  Date();
            date.setTime(date.getTime()  -   10000 );
            document.cookie  =  name  +   " =a; expires= "   +  date.toGMTString();
            alert( " 删除成功 " );
        };        
         var  add = function (){ // 添加Cookie
             var  cookie_name  =  $( " cookie_name " ).value;
             var  cookie_value  =  $( " cookie_value " ).value;
             var  cookie_expireHours  =  $( " cookie_expiresHours " ).value;
             if (cookie_name == "" || cookie_value == "" ){
              alert( " 请填写完整Cookie的名称和值 " );
               return ;
            }
            addCookie(cookie_name,cookie_value,cookie_expireHours);
        };
         var  getall = function (){ // 读取所有保存的cookie字符串
             var  str  =  document.cookie;
             if (str  ==   "" ){
             str  =   " 没有保存任何cookie " ;
            }
           alert(str);
        };
         var  get = function (){ // 读取单个该名称的cookie
             var  cookie_name  =  $( " cookie_name " ).value;
             var  cookie_value  =  getCookie(cookie_name);
             if (cookie_name  == "" ){            
               alert( " 请填写名称，根据名称进行查找 " );
              return ;
            }
             if (cookie_value == null ){
              cookie_value = " 没有该名称的cookie " ;
            }            
            alert(cookie_value);
        };        
         var  del = function (){ // 删除该名称的cookie
             var  cookie_name  =  $( " cookie_name " ).value;
             if (cookie_name == "" ){
              alert( " 请填写名称，根据名称进行删除 " );
               return ;
            }            
            delCookie(cookie_name);            
        };
         </ script >        
     </ head >
     < body >
         < form  name ="myform" >
             < div >< label  for ="cookie_name" >Cookie名称： </ label >< input  type ="text"  id ="cookie_name"   /></ div >
             < div >< label  for ="cookie_value" >Cookie  &nbsp;值： </ lable >< input  type ="text"  id ="cookie_value"   /></ div >
             < div >< label  for ="cookie_expireHours" >过期时间(小时)： </ lable >< input  type ="text"  id ="cookie_expiresHours"   /></ div >< hr />
             < div >
                 < input  type ="button"  value ="添加该cookie"  onclick ="add()"   />
                 < input  type ="button"  value ="读取所有cookie"  onclick ="getall()"   />
                 < input  type ="button"  value ="读取该名称cookie的值"  onclick ="get()"   />
                 < input  type ="button"  value ="删除该名称cookie"  onclick ="del()"   />
             </ div >
         </ form >
         < hr  />
     </ body >
</ html >

转载于:https://www.cnblogs.com/kevinge/archive/2012/03/28/2421496.html