javascript cookies 存、取、删除实例

简介: //写cookies函数 作者:翟振凯 function SetCookie(name,value)//两个参数,一个是 cookie 的名子,一个是值 {     var Days = 30; //此 cookie 将被保存 30 天     var exp  = new ...

<script>

//写cookies函数 作者:翟振凯
function SetCookie(name,value)//两个参数,一个是 cookie 的名子,一个是值
{
    var Days = 30; //此 cookie 将被保存 30 天
    var exp  = new Date();    //new Date("December 31, 9998");
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)//取cookies函数        
{
    var arr = document.cookie .match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
     if(arr != null) return unescape(arr[2]); return null;

}
function delCookie(name)//删除cookie
{
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null) document.cookie = name + "="+cval+";expires="+exp.toGMTString();
}



SetCookie ("xiaoqi", "3")
alert(getCookie('xiaoqi'));
</script>

一个非常实用的javascript读写Cookie 函数

一个非常实用的javascript读写Cookie 函数  
function  GetCookieVal(offset)
//获得Cookie 解码后的值
{
var  endstr  =  documents.cookie .indexOf  (";",  offset);
if  (endstr  ==  -1)
endstr  =  documents.cookie .length;
return  unescape(documents.cookie .substring(offset,  endstr));
}
function  SetCookie(name,  value)
//设定Cookie
{
var  expdate  =  new  Date();
var  argv  =  SetCookie.arguments;
var  argc  =  SetCookie.arguments.length;
var  expires  =  (argc  >  2)  ?  argv[2]  :  null;
var  path  =  (argc  >  3)  ?  argv[3]  :  null;
var  domain  =  (argc  >  4)  ?  argv[4]  :  null;
var  secure  =  (argc  >  5)  ?  argv[5]  :  false;
if(expires!=null)  expdate.setTime(expdate.getTime()  +  (  expires  *  1000  ));
documents.cookie   =  name  +  "="  +  escape  (value)  +((expires  ==  null)  ?  ""  :  (";  expires="+  expdate.toGMTString()))
+((path  ==  null)  ?  ""  :  (";  path="  +  path))  +((domain  ==  null)  ?  ""  :  (";  domain="  +  domain))
+((secure  ==  true)  ?  ";  secure"  :  "");
}
function  DelCookie(name)
//删除Cookie
{
var  exp  =  new  Date();
exp.setTime  (exp.getTime()  -  1);
var  cval  =  GetCookie  (name);
documents.cookie   =  name  +  "="  +  cval  +  ";  expires="+  exp.toGMTString();
}
function  GetCookie(name)
//获得Cookie 的原始值
{
var  arg  =  name  +  "=";
var  alen  =  arg.length;
var  clen  =  documents.cookie .length;
var  i  =  0;
while  (i  <  clen)
{
var  j  =  i  +  alen;
if  (documents.cookie .substring(i,  j)  ==  arg)
return  GetCookieVal  (j);
i  =  documents.cookie .indexOf("  ",  i)  +  1;
if  (i  ==  0)  break;
}
return  null;
}

 

<SCRIPT  language="javascript">
<!--
function  openpopup(){
url="popup.htm"
window.open("gonggao.htm","gonggao","width=260,height=212,left=200,top=0")
}

function  get_cookie (Name)  {
var  search  =  Name  +  "="
var  returnvalue  =  "";
if  (documents.cookie .length  >  0)  {
offset  =  documents.cookie .indexOf(search)
if  (offset  !=  -1)  {
offset  +=  search.length
end  =  documents.cookie .indexOf(";",  offset);
if  (end  ==  -1)
end  =  documents.cookie .length;
returnvalue=unescape(documents.cookie .substring(offset,  end))
}
}
return  returnvalue;
}

function  helpor_net(){
if  (get_cookie ('popped')==''){
openpopup()
documents.cookie ="popped=yes"
}
}
helpor_net()
//-->
</SCRIPT>

 

如果点了确定,只要不清cookie ,以后访问都不会再提示,如果不点确定则每次都会提示。放在js 文件里,全站包含

<SCRIPT LANGUAGE="JavaScript">
<!--
var the_cookie = document.cookie ;
var broken_cookie = the_cookie .split(":");
var the_visiteraccepted = unescape(broken_cookie [1]);
//
if (the_visiteraccepted=="undefined"){
        var tmp=confirm('中国人何时何地。');
        if(tmp==false){
                window.close();
        }else{
                var the_visiteraccepted = 1;         
        var the_cookie = "ILoveChina=visiteraccepted:" + escape(the_visiteraccepted);                                 
        document.cookie = the_cookie ;
        }
}
//-->
</SCRIPT>

 

1. Cookie 的兼容性问题

Cookie 的格式有2个不同的版本,第一个版本,我们称为Cookie Version 0,是最初由Netscape公司制定的,也被几乎所有的浏览器支持。而较新的版本,Cookie Version 1,则是根据RFC 2109文档制定的。为了确保兼容性,JAVA规定,前面所提到的涉及Cookie 的操作都是针对旧版本的Cookie 进行的。而新版本的Cookie 目前还不被Javax.servlet.http.Cookie 包所支持。

2. Cookie 的内容

同样的Cookie 的内容的字符限制针对不同的Cookie 版本也有不同。在Cookie Version 0中,某些特殊的字符,例如:空格,方括号,圆括号,等于号(=),逗号,双引号,斜杠,问号,@符号,冒号,分号都不能作为Cookie 的内容。这也就是为什么我们在例子中设定Cookie 的内容为"Test_Content"的原因。

虽然在Cookie Version 1规定中放宽了限制,可以使用这些字符,但是考虑到新版本的Cookie 规范目前仍然没有为所有的浏览器所支持,因而为保险起见,我们应该在Cookie 的内容中尽量避免使用这些字符

 

 

 

实例:


function getCookie(name)//取cookies函数       
{
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
     if(arr != null) return unescape(arr[2]); return null;

}
function delCookie(name)//删除cookie
{
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
</script>
<body onunload="delCookie('checkbox')">

目录
相关文章
|
17天前
|
前端开发 JavaScript
基础 JavaScript 实例
基础 JavaScript 实例
13 1
|
5月前
|
数据可视化 JavaScript 架构师
D3.js实战:数据可视化高级技巧实例应用
本文介绍了D3.js入门,包括创建HTML文件引入库、绘制简单线图、柱状图和饼图。示例展示了数据绑定、交互性和动画效果,如柱状图的悬停效果和线图的数据平滑过渡。此外,还提及力导向图和地图可视化的实现,以及使用Enter, Update, Exit模式进行动态更新。最后提到了复杂图表和高级技巧,如使用组件库、动画、交互性和性能优化。
110 0
|
2月前
|
JavaScript
js之选项卡制作实例
js之选项卡制作实例
26 0
|
3月前
|
存储 前端开发 安全
JavaScript进阶 - 浏览器存储:localStorage, sessionStorage, cookies
【7月更文挑战第2天】探索Web存储:localStorage持久化,sessionStorage会话限定,cookies则伴随HTTP请求。了解它们的特性和限制,如localStorage的5MB容量限制、跨域问题,sessionStorage的生命周期,及cookies的安全与带宽消耗。使用时需权衡安全、效率与应用场景。示例代码展示存储与检索方法。
201 2
|
3月前
|
存储 JavaScript 前端开发
JavaScript进阶 - 浏览器存储:localStorage, sessionStorage, cookies
【7月更文挑战第8天】Web开发中的客户端存储技术,如`localStorage`, `sessionStorage`和`cookies`,用于保存用户设置和跟踪活动。`localStorage`持久化存储,`sessionStorage`随页面会话消失。两者提供基本的增删查改操作,但有大小限制和安全风险。`cookies`适合会话管理,可设置过期时间并能跨域。使用时注意存储量、安全性和跨域策略,选择适合场景的存储方式。
144 0
|
3月前
|
设计模式 缓存 JavaScript
js设计模式实例
【7月更文挑战第2天】JavaScript设计模式包含工厂、单例、建造者、抽象工厂和代理模式等,它们是最佳实践和可重用模板,解决创建、职责分配和通信等问题。例如,工厂模式封装对象创建,单例确保全局唯一实例,建造者模式用于复杂对象构建,抽象工厂创建相关对象集合,而代理模式则控制对象访问。这些模式提升代码质量、可读性和灵活性,是高效开发的关键。
33 0
|
4月前
|
前端开发 JavaScript 容器
程序技术好文:纯原生javascript下拉框表单美化实例教程
程序技术好文:纯原生javascript下拉框表单美化实例教程
64 0
|
4月前
|
JavaScript BI
技术笔记:JS获取子节点、父节点和兄弟节点的方法实例总结
技术笔记:JS获取子节点、父节点和兄弟节点的方法实例总结
50 0
|
5月前
|
JavaScript
js中如何使用工厂方式和构造函数创建对象,web开发项目实例
js中如何使用工厂方式和构造函数创建对象,web开发项目实例
|
5月前
|
Web App开发 JavaScript 前端开发
解决Vue.js Devtools未检测到Vue实例的问题
解决Vue.js Devtools未检测到Vue实例的问题
260 1