JavaScript操作Cookie

来源:互联网 发布:证书打印软件 编辑:程序博客网 时间:2024/04/29 05:56

javascript.jsp

<%@page language="java"import="java.util.*"pageEncoding="UTF-8"isErrorPage="true"%>

<!DOCTYPEHTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

 <head>

   

   <title>javascript操作COOKIE</title>

   

   <script type="text/javascript">

       function getCookie(name){

           var str = document.cookie;

           if(!str||str.indexOf(name+"=")<0){

               return;

           }

           var cookies = str.split("; ");

           for(vari=0; cookies.length;i++){

               cookie = cookies[i];

               if(cookie.indexOf(name+"=")==0){

                   var value = cookie.substring(name.length+1);

                   return decodeURI(value);

               }

           }

       }

       function setCookie(name,value){

           document.cookie=name+"="+encodeURI(value);

       }

   </script>

   

 </head>

 

 <body>

   <div align="center"style="margin:10px;">

       <fieldset>

           <legend>当前有效的Cookie</legend>

           <divid="cookieDiv"></div>

           <scripttype="text/javascript">

               cookieDiv.innerHTML(document.cookie);

           </script>

       </fieldset>

       <fieldset>

           <legend>欢迎您</legend>

           <table>

               <tr><td>读取Cookie</td>

                   <td><inputname="name1"/>

<inputtype="button"value="读取"onclick="alert(getCookie(name1.value));"/>

               </tr>  

               <tr><td>设置Cookie</td>

                   <td></td>

               </tr>

               <tr><td>Name属性:</td>

                   <td><inputname="name2"/></td>

               </tr>      

               <tr><td>Value属性:</td>

                   <td><inputname="value2"/></td>

               </tr>      

               <tr><td></td>

                   <td><inputtype="button"value="设置"

                    onclick="setCookie(name2.value,value2.value);

cookieDiv.innerHTML=document.cookie;"/>

                   </td>

               </tr>

           </table>

       </fieldset>

   </div>

 </body>

</html>

0 0