javascript使用cookie记录用户信息简单代码实例

快乐打工仔 分类:实例代码

虽然cookie存在一些安全性等问题,但是用它来记录一些不敏感的信息还是非常方便的.

下面就分享一段代码实例,它能够在用户第一次访问的时候,记录用户输入的昵称,以后访问就可以读取昵称,并且给出相应的欢迎语,需要的朋友可以做一下参考,代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script>
function getCookie(c_name){
  var c_value = document.cookie;
  var c_start = c_value.indexOf(" " + c_name + "=");
  if (c_start == -1){
    c_start = c_value.indexOf(c_name + "=");
  }
  if (c_start == -1){
    c_value = null;
  }
  else{
    c_start = c_value.indexOf("=", c_start) + 1;
    var c_end = c_value.indexOf(";", c_start);
    if (c_end == -1){
      c_end = c_value.length;
    }
    c_value = unescape(c_value.substring(c_start,c_end));
  }
  return c_value;
}
function setCookie(c_name,value,exdays){
  var exdate=new Date();
  exdate.setDate(exdate.getDate() + exdays);
  var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
  document.cookie=c_name + "=" + c_value;
}
function checkCookie(){
  var username=getCookie("username");
  if (username!=null && username!=""){
    alert("Welcome again " + username);
  }
  else{
    username=prompt("Please enter your name:","");
    if (username!=null && username!=""){
      setCookie("username",username,365);
    }
  }
}
window.onload=function(){
  checkCookie()
}
</script>
</head>
<body>
</body>
</html>
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu

回复

我来回复
  • 暂无回复内容