JavaScript操作Cookie

javascript.jsp

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

<!DOCTYPE HTML 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(var i=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>

            <div id="cookieDiv"></div>

            <script type="text/javascript">

                cookieDiv.innerHTML(document.cookie);

            </script>

        </fieldset>

        <fieldset>

            <legend>欢迎您</legend>

            <table>

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

                    <td><input name="name1" />

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

                </tr>  

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

                    <td></td>

                </tr>

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

                    <td><input name="name2"/></td>

                </tr>      

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

                    <td><input name="value2"/></td>

                </tr>      

                <tr><td></td>

                    <td><input type="button" value="设置"

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

cookieDiv.innerHTML=document.cookie;"/>

                    </td>

                </tr>

            </table>

        </fieldset>

    </div>

  </body>

</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值