JavaScript实现cookie操作

最新推荐文章于 2022-03-17 14:25:17 发布

caolipeng_918

最新推荐文章于 2022-03-17 14:25:17 发布

阅读量749

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/caolipeng_918/article/details/8723272

版权

java 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

最近，闲的慌，由于自己感觉对JavaScript的学习不够。但是感觉又在以后的工作中其可能比较重要，故又开始了学习JS.以前，老是感觉cookie是多么神奇的一个东东。对于其实现原理，我甚至糊里糊涂。但是经过一下午的学习和网上资料的查询，终于算是搞懂了其主要原理、废话少说。切入主题吧。

以下是一些关于cookie的基础知识。从网上一些大神那里copy过来的：链接地址为：http://www.cnblogs.com/Darren_code/archive/2011/11/24/Cookie.html。感觉内容太长，就不复制了，还是就写下点自己的感受吧。

思路大致如下：

首先：当我们登陆一个网页的时候，需要检测其用户名是否以前登陆过，并且是否在cookie中保存过。

若是没有保存，我们通过弹出一个输入框要求其输入相应的username值，通过username=prompt("please input you name:","");

if(username!=null&&username!=""){
setCookie('username',username,7);//假设设置cookie的有效日期为一周
}

若是保存过了，我们只需要调用getCookie('username')即可以得到username,并且页面输出aletr("Welcome "+username+" to this")

//若是已经设置过cookie的则直接获得value;
username=getCookie('username');
if(username!=null&&username!=""){
alert("Welcome "+username+" to this");
}

完整的html代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>cookies</title>
<script type="text/javascript">
//设置cookie
function setCookie(c_name,value,expireDays){
var exdate=new Date();
exdate.setDate(exdate.getDate()+expireDays);

//设置cookie的有效日期

//escape()函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。
//toGMTString() 方法可根据格林威治时间 (GMT) 把 Date 对象转换为字符串，并返回结果。
//设置cookie的有效期注意属性expires为固定写法
document.cookie=c_name+"="+escape(value)+((expireDays==null)?"":";expires="+exdate.toGMTString());
}
//获得cookie
function getCookie(c_name){
/*indexOf(searchvalue,fromindex)
unescape()函数可对通过escape() 编码的字符串进行解码
*/
if(document.cookie.length>0){　//先查询cookie是否为空，为空就return ""
var c_start=document.cookie.indexOf(c_name+"=");
if(c_start!=-1){
c_start=c_start+c_name.length+1;
//expireDays不为null的时候
c_end=document.cookie.indexOf(";",c_start);
//expireDays为null的时候
if(c_end==-1){
c_end=document.cookie.length;
}
//获得setCookie中的value值
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
}
function checkCookie(){
//若是已经设置过cookie的则直接获得value;
username=getCookie('username');
if(username!=null&&username!=""){
alert("Welcome "+username+" to this");
}
//若是没有加入过cookie的，则在其第一次登录的时候将其加入cookie中
else{
username=prompt("please input you name:","");
if(username!=null&&username!=""){
setCookie('username',username,7);//设置cookie的有效日期为一周
}
}
}
</script>
</head>
<body οnlοad="checkCookie()">
</body>
</html>

运行过程：当我们第一次打开网页的时候需要输入一个username，假设为aaa则当我们刷新或者再次登录的时候就会显示Welcome aaa to this!

caolipeng_918

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
JavaScript实现cookie操作

最近，闲的慌，由于自己感觉对JavaScript的学习不够。但是感觉又在以后的工作中其可能比较重要，故又开始了学习JS.以前，老是感觉cookie是多么神奇的一个东东。对于其实现原理，我甚至糊里糊涂。但是经过一下午的学习和网上资料的查询，终于算是搞懂了其主要原理、废话少说。切入主题吧。以下是一些关于cookie的基础知识。从网上一些大神那里copy过来的：链接地址为：http://www.cn
复制链接

扫一扫