JavaScript Cookie

最新推荐文章于 2024-08-09 08:10:42 发布

Martix_Lee

最新推荐文章于 2024-08-09 08:10:42 发布

阅读量512

点赞数

分类专栏： JavaScript 文章标签： javascript stylesheet function null c 存储

本文链接：https://blog.csdn.net/Isky110/article/details/6950014

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。

示例：

该示例是当首次访问是要求访问者输入名称，然后保存在cookie中，当该访问者在cookie过期前再次访问，则会提示欢迎语。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Test03.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
    	//创建和存储cookie,用来存储访问者的名字
    	function setCookie(c_name,value,expiredays){
    		var exdate = new Date();
    		exdate.setDate(exdate.getDate()+expiredays);
    		//cookie的名称、值、过期天数
    		document. cookie = c_name+"="+escape(value)+((expiredays==null) ? "" :";expires="+exdate.toGMTString())
    	}
    	//检查并获取cookie
    	function getCookie(c_name){
    		if(document.cookie.length>0){
    			c_start=document.cookie.indexOf(c_name+"=");
    			if(c_start!=-1){
    				c_start = c_start+c_name.length+1;
    				c_end = document.cookie.indexOf(";",c_start);
    				if(c_end==-1){
    					c_end = document.cookie.length;
    				}
    				return unescape(document.cookie.substring(c_start,c_end));
    			}
    		}
    		return "";
    	}
    	//检查cookie是否已经设置，若有，则显示欢迎，否则提示输入名字
    	function checkCookie(){
    		username = getCookie('username');
    		if(username!=null && username!=""){
    			alert("Welcome again "+username+ "!");
    		}
    		else{
    			username = prompt("please input your name :","");
    			if(username!=null && username!=""){
    				setCookie('username',username,365);
    			}
    		}
    	}
    </script>

  </head>
  
  <body οnlοad="checkCookie()">
    This is a test page !
  </body>
</html>