Javascript基础-cookie的使用

最新推荐文章于 2024-08-12 21:44:16 发布

虾米大王

最新推荐文章于 2024-08-12 21:44:16 发布

阅读量224

点赞数

分类专栏： JavaScript 文章标签： html css javascript

本文链接：https://blog.csdn.net/modern358/article/details/89392952

版权

JavaScript 专栏收录该内容

329 篇文章 0 订阅

订阅专栏

话不多说，直接上代码。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>JavaScript基础</title>
    <script type="text/javascript">
        function setCookie(name,value,days)
        {
            var exp = new Date();
            exp.setTime(exp.getTime() + days*24*60*60*1000);
            document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();

        }

        function getCookie(name)
        {
            var arr = document.cookie.match(new RegExp("(^|)" + name + "([^;]*)(;|$)"));
            if(arr != null)
            {
                return unescape(arr[2]);
            }
            else
            {
                return null;
            }

        }

        function delCookie(name)
        {
            var exp = new Date();
            exp.setTime(exp.getTime() - 1);
            var cval = getCookie(name);
            if(cval != null)
            {
                document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
            }

        }
    </script>
</head>
<body>
    <p>设置cookie,名字为king，值为虾米大王，有效期为60天。</p>
    <script type="text/javascript">
        setCookie("king","虾米大王",60);
    </script>
    <hr>
    <p>获取到king的cookie值是</p>
    <p><script type="text/javascript">
        document.write(getCookie("king"));
    </script></p>
    <hr>
    <p>已删除...<script type="text/javascript">delCookie("king");</script></p>
    <hr>
    <p>再次获取king的cookie值是</p>
    <p><script>document.write(getCookie("king"));</script></p>
</body>
</html>

以上代码，是我学习过程用编写的，新建html网页后，输入JavaScript脚本，三个函数setCookie,getCookie,delCookie。

虾米大王

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Javascript基础-cookie的使用

话不多说，直接上代码。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>JavaScript基础</title>...
复制链接

扫一扫