jQuery cookie的简单实现

最新推荐文章于 2020-12-05 00:33:00 发布

summerDreams

最新推荐文章于 2020-12-05 00:33:00 发布

阅读量280

点赞数

分类专栏： jquery 文章标签： jquery cookie

本文链接：https://blog.csdn.net/shiyujie0822/article/details/78624140

版权

jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Cookie</title>
        <h3>jQuery cookie的简单实现</h3>
    </head>
    <body onload="checkCookie()">
        <button type="button" id="delCookie">删除cookie</button>
        <script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
        <script type="text/javascript" src="js/jquery.cookie.js" ></script>
        <script type="text/javascript">
            //设置cookie
            function setCookie(name,val,day){
                //设置cookie的到期时间参数
                var expires="expires:"+day;
                //设置cookie(key,val,{到期时间},{cookie路径默认为当前页})
                $.cookie(name,val,{expires,path:"/"});
            }

            function checkCookie(){
                alert($.cookie("name"));
                //通过key来拿到对应val
              var user=$.cookie("name");
              if (user!=""&&user!=null){
                alert("Welcome again " + user);
              }else {   
                //带输入框的弹窗
                user = prompt("Please enter your name:","");
                if (user!="" && user!=null){
                  setCookie("name",user,3);
                }
              }
            }
            //删除cookie
            $('#delCookie').on("click",function(){
                //直接将对应key的val设置成null就可以把删除掉
                $.cookie("name",null,{path:"/"});
                alert($.cookie("name"));
                alert("删除cookie成功");
            })

        </script>
    </body>
</html>