javascript使用cookie記錄使用者資訊簡單程式碼例項

admin發表於2017-04-05
JavaScriptCookie

雖然cookie存在一些安全性等問題,但是用它來記錄一些不敏感的資訊還是非常方便的.

下面就分享一段程式碼例項,它能夠在使用者第一次訪問的時候,記錄使用者輸入的暱稱,以後訪問就可以讀取暱稱,並且給出相應的歡迎語,需要的朋友可以做一下參考,程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<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>

相關文章