cookies //小饼干怎么吃 什么馅儿的小饼干,我想应该是粉色的甜甜圈 //

cookie 是一些数据,保存在电脑中的文本文件中,

主要解决的问题:

1、记录访问网站的用户信息,

2、下一次访问该页面时,可以在cookie中读取用户访问记录

形式:

名=值

浏览器请求web页面时,属于该页面的cookie会被添加到请求中,服务器端通过这种方式获取用户信息。

js创建cookie

document.cookie="name=Moon";

添加过期时间以(UTC或者GMT时间),默认是浏览器关闭时cookie会被删除

document.cookie="name=Moon;expires=Mon,18 Mar 2020  11:11:11 GMT";

使用path参数告诉浏览器cookie 的路径,默认实在当前页面。

document.cookie="name=Moon;expires=Mon,18 Mar 2020  11:11:11 GMT;path=/";

 test(){
        // 创建cookie
          document.cookie = 'userName=Moon;expires=Mon,19 Mar 2019 00:00:00 GMT;path=/'
        // 获取cookie
         let x = document.cookie 
        // 修改cookie 类似于创建旧的 cookie 将被覆盖。
        document.cookie = 'userName=Moon;expires=Mon,19 Mar 2019 00:00:00 GMT;path=/'
        //删除cookie
        document.cookie ='username=;expires=Mon,19 Mar 2019 00:00:00 GMT;'
        // 用js来收拾一下cookie 实例 
        //设置 cookie
         function setCookie(cname,cvalue,exday){
            let d = new Date()
            d.setTime(d.getTime()+(exday*24*60*60*1000));
            let expires = "expires=" + d.toGMTString();
            document.cookie = cname+'='+cvalue+'; '+expires
         }
         setCookie('name','moon',30)
         //获取cookie
         function getCookie(cname){
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for(var i=0; i<ca.length; i++) {
                var c = ca[i].trim();
                if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
            }
            return "";
        }
         function checkCookie(name){
            var user=getCookie(name);
            if (user!=""){
               console.log(user)
            }
            else {
                user = prompt("请输入你的名字:","");
                  if (user!="" && user!=null){
                    setCookie(name,user,30);
                }
            }
        }
        checkCookie('name')
      },

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值