js cookie 实例

最新推荐文章于 2024-09-03 09:25:59 发布

晟沚

最新推荐文章于 2024-09-03 09:25:59 发布

阅读量778

点赞数 1

分类专栏： web前端 js 文章标签： js cookie 实例

本文链接：https://blog.csdn.net/zhuzhupozhuzhuxia/article/details/76224112

版权

web前端同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

15 篇文章 0 订阅

订阅专栏

首先来介绍下cookie知识点：

document.cookie 来设置cookie
cookie.domain表示cookie的域，控制cookie所在的域，跨域的不能访问

cookie.path表示cookie的路经 cookie能让其path路径下的页面访问

以下是模仿浏览器自动登录的功能，每次刷新时来检查cookie，弹出欢迎界面。

function setCookie(name,value,days){
  var d = new Date();
  d.setTime(d.getTime() + (days*24*60*60*1000));
  var expires = "expires=" + d.toGMTString();
  document.cookie  = name + "=" + value + "; " + expires;
}

function getCookie(name){
  var cname = name + "=";
  var temp = document.cookie.split(";");
  for(var i=0;i<temp.length;i++){
    temp[i] = temp[i].trim();
    if(temp[i].indexOf(cname) == 0){
      return temp[i].substring(cname.length,temp[i].length);
    }
    return "";
  }
}

function checkCookie(){
  var user = getCookie("username");
  if(user == ""){
    user = prompt("Please enter your username:","");
    if(user!="" && user!=null){
      setCookie("username",user,30);
    }
  }
    else{
      alert("welcome again" + user);
    }
}

// checkCookie();
document.onload = checkCookie();