JavaScript实现cookie操作
2013-03-26 19:26
267 查看
最近，闲的慌，由于自己感觉对JavaScript的学习不够。但是感觉又在以后的工作中其可能比较重要，故又开始了学习JS.以前，老是感觉cookie是多么神奇的一个东东。对于其实现原理，我甚至糊里糊涂。但是经过一下午的学习和网上资料的查询，终于算是搞懂了其主要原理、废话少说。切入主题吧。
以下是一些关于cookie的基础知识。从网上一些大神那里copy过来的：链接地址为：/article/5066955.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 onload="checkCookie()">
</body>
</html>
运行过程：当我们第一次打开网页的时候需要输入一个username，假设为aaa则当我们刷新或者再次登录的时候就会显示Welcome aaa to this!
以下是一些关于cookie的基础知识。从网上一些大神那里copy过来的：链接地址为：/article/5066955.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 onload="checkCookie()">
</body>
</html>
运行过程：当我们第一次打开网页的时候需要输入一个username，假设为aaa则当我们刷新或者再次登录的时候就会显示Welcome aaa to this!
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 基于javascript的COOkie的操作实现只能点一次
- javascript实现操作cookie实现的可记忆菜单
- JavaScript操作Cookie实现“历史搜索”
- javascript实现操作cookie实现的可记忆菜单
- javascript实现操作cookie实现的可记忆菜单
- JAVASCRIPT 操作 cookie 完美实现
- JavaScript cookie操作实现点赞功能
- 【Web前端】：JavaScript操作Cookie实现“历史搜索”
- 基于javascript的COOkie的操作实现只能点一次
- javascript操作cookie
- Javascript 操作 Cookie
- JavaScript操作cookie
- 用javascript操作cookie简单实例
- JavaScript操作Cookie
- Jsp 操作 Cookie 实现自动登录
- js操作cookie，实现登录密码保存
- javascript实现设置、获取和删除Cookie的方法
- ASP.NET实现Cookie功能的三个基本操作（写入，读取，删除）
- Javascript实现对象的拖动操作
- JavaScript 实现Cookie 的写入和读取