javascript操作cookie方法函数集合
2023-06-13 09:14:23 时间
问题：
使得在访问页面的时候能够沿用上次的设置，或者在不同的页面间共享数据。比如用户在访问网站的时候设置了页面字体的大小，那么会希望下次访问的时候仍然能使用同样的设置进行浏览，而不用重复设置。
解决方案：
在用户浏览页面并进行设置时，将这些设置保存在cookie中，下次访问的时候读取cookie中的设置。
参考下面的脚本：
复制代码代码如下:
使得在访问页面的时候能够沿用上次的设置，或者在不同的页面间共享数据。比如用户在访问网站的时候设置了页面字体的大小，那么会希望下次访问的时候仍然能使用同样的设置进行浏览，而不用重复设置。
解决方案：
在用户浏览页面并进行设置时，将这些设置保存在cookie中，下次访问的时候读取cookie中的设置。
参考下面的脚本：
//utilityfunctiontoretrieveanexpirationdatainproperformat;
functiongetExpDate(days,hours,minutes)
{
varexpDate=newDate();
if(typeof(days)=="number"&&typeof(hours)=="number"&&typeof(hours)=="number")
{
expDate.setDate(expDate.getDate()+parseInt(days));
expDate.setHours(expDate.getHours()+parseInt(hours));
expDate.setMinutes(expDate.getMinutes()+parseInt(minutes));
returnexpDate.toGMTString();
}
}
//utilityfunctioncalledbygetCookie()
functiongetCookieVal(offset)
{
varendstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
{
endstr=document.cookie.length;
}
returnunescape(document.cookie.substring(offset,endstr));
}
//primaryfunctiontoretrievecookiebyname
functiongetCookie(name)
{
vararg=name+"=";
varalen=arg.length;
varclen=document.cookie.length;
vari=0;
while(i<clen)
{
varj=i+alen;
if(document.cookie.substring(i,j)==arg)
{
returngetCookieVal(j);
}
i=document.cookie.indexOf("",i)+1;
if(i==0)break;
}
return;
}
//storecookievaluewithoptionaldetailsasneeded
functionsetCookie(name,value,expires,path,domain,secure)
{
document.cookie=name+"="+escape(value)+
((expires)?";expires="+expires:"")+
((path)?";path="+path:"")+
((domain)?";domain="+domain:"")+
((secure)?";secure":"");
}
//removethecookiebysettingancientexpirationdate
functiondeleteCookie(name,path,domain)
{
if(getCookie(name))
{
document.cookie=name+"="+
((path)?";path="+path:"")+
((domain)?";domain="+domain:"")+
";expires=Thu,01-Jan-7000:00:01GMT";
}
}
使用getCookie(name)函数来读取cookie中保存的值，参数name为cookie项的名称。如果该cookie项不存在则返回一个空字符串。
使用setCookie()函数来保存cookie项的值，其中第一、二两个参数分别为cookie项的名称和值。如果想为其设置一个过期时间，那么就需要设置第三个参数，这里需要通过getExpDate()获得一个正确格式的参数。
最后，使用deleteCookie()来删除一个已存在的cookie项，实际上是通过让该项过期。
cookie将数据保存在客户端。页面的脚本只能读取所在域和服务器的cookie值，如果域内有多个服务器，那么需要设置第五个参数，以指定服务器。浏览器的容量一般限定为每服务器20个name/value对，每个cookie项不超过4000个字符，更现实点，单个cookie项应少于2000字符，也就是说不要用cookie在客户端保存大容量数据。
不同的浏览器保存cookie的方式也有所不同。IE为每个域的cookie建立一个文本文件，而Netscape则将所有的cookie存储在同一个文本文件中。
注意：cookie存放在客户端，所以会受到浏览器设置的影响，比如用户可能会禁用cookie。要检测浏览器是否支持cookie，使用属性navigator.cookieEnabled来判断。
<script>
//写cookies函数作者：翟振凯
functionSetCookie(name,value)//两个参数，一个是cookie的名子，一个是值
{
varDays=30;//此cookie将被保存30天
varexp=newDate();//newDate("December31,9998");
exp.setTime(exp.getTime()+Days*24*60*60*1000);
document.cookie=name+"="+escape(value)+";expires="+exp.toGMTString();
}
functiongetCookie(name)//取cookies函数
{
vararr=document.cookie.match(newRegExp("(^|)"+name+"=([^;]*)(;|$)"));
if(arr!=null)returnunescape(arr[2]);returnnull;
}
functiondelCookie(name)//删除cookie
{
varexp=newDate();
exp.setTime(exp.getTime()-1);
varcval=getCookie(name);
if(cval!=null)document.cookie=name+"="+cval+";expires="+exp.toGMTString();
}
SetCookie("xiaoqi","3")
alert(getCookie("xiaoqi"));
</script>
一个非常实用的javascript读写Cookie函数
functionGetCookieVal(offset)
//获得Cookie解码后的值
{
varendstr=documents.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=documents.cookie.length;
returnunescape(documents.cookie.substring(offset,endstr));
}
functionSetCookie(name,value)
//设定Cookie值
{
varexpdate=newDate();
varargv=SetCookie.arguments;
varargc=SetCookie.arguments.length;
varexpires=(argc>2)?argv[2]:null;
varpath=(argc>3)?argv[3]:null;
vardomain=(argc>4)?argv[4]:null;
varsecure=(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":"");
}
functionDelCookie(name)
//删除Cookie
{
varexp=newDate();
exp.setTime(exp.getTime()-1);
varcval=GetCookie(name);
documents.cookie=name+"="+cval+";expires="+exp.toGMTString();
}
functionGetCookie(name)
//获得Cookie的原始值
{
vararg=name+"=";
varalen=arg.length;
varclen=documents.cookie.length;
vari=0;
while(i<clen)
{
varj=i+alen;
if(documents.cookie.substring(i,j)==arg)
returnGetCookieVal(j);
i=documents.cookie.indexOf("",i)+1;
if(i==0)break;
}
returnnull;
}
<SCRIPTlanguage="javascript">
<!--
functionopenpopup(){
url="popup.htm"
window.open("gonggao.htm","gonggao","width=260,height=212,left=200,top=0")
}
functionget_cookie(Name){
varsearch=Name+"="
varreturnvalue="";
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))
}
}
returnreturnvalue;
}
functionhelpor_net(){
if(get_cookie("popped")==""){
openpopup()
documents.cookie="popped=yes"
}
}
helpor_net()
//-->
</SCRIPT>
如果点了确定，只要不清cookie，以后访问都不会再提示，如果不点确定则每次都会提示。放在js文件里，全站包含
<SCRIPTLANGUAGE="JavaScript">
<!--
varthe_cookie=document.cookie;
varbroken_cookie=the_cookie.split(":");
varthe_visiteraccepted=unescape(broken_cookie[1]);
//
if(the_visiteraccepted=="undefined"){
vartmp=confirm("中国人何时何地。");
if(tmp==false){
window.close();
}else{
varthe_visiteraccepted=1;
varthe_cookie="ILoveChina=visiteraccepted:"+escape(the_visiteraccepted);
document.cookie=the_cookie;
}
}
//-->
</SCRIPT>
1.Cookie的兼容性问题
??Cookie的格式有2个不同的版本，第一个版本，我们称为CookieVersion0，是最初由Netscape公司制定的，也被几乎所有的浏览器支持。而较新的版本，CookieVersion1，则是根据RFC2109文档制定的。为了确保兼容性，JAVA规定，前面所提到的涉及Cookie的操作都是针对旧版本的Cookie进行的。而新版本的Cookie目前还不被Javax.servlet.http.Cookie包所支持。
??2.Cookie的内容
??同样的Cookie的内容的字符限制针对不同的Cookie版本也有不同。在CookieVersion0中，某些特殊的字符，例如：空格，方括号，圆括号，等于号（=），逗号，双引号，斜杠，问号，@符号，冒号，分号都不能作为Cookie的内容。这也就是为什么我们在例子中设定Cookie的内容为"Test_Content"的原因。
??虽然在CookieVersion1规定中放宽了限制，可以使用这些字符，但是考虑到新版本的Cookie规范目前仍然没有为所有的浏览器所支持，因而为保险起见，我们应该在Cookie的内容中尽量避免使用这些字符
相关文章
- Javascript数组排序sort方法和自定义排序方法
- 【说站】JavaScript创建Object实例的方法
- 网站中引入了多个版本的 JavaScript 库防止对象冲突的方法 - 在线客服系统源码
- JavaScript学习总结(五)——Javascript中==和===的区别详解编程语言
- 新开源工具诞生！让C++秒变JavaScript详解编程语言
- 项目实践之javascript技巧
- JavaScript验证浏览器是否支持javascript的方法小结
- Javascript阻止javascript事件冒泡，获取控件ID值
- 你不一定知道的关于JavaScript的正则表达式
- 原生javascript获取元素样式属性值的方法
- javascript常用方法、属性集合及NodeList和HTMLCollection的浏览器差异
- JavaScript去掉空格的方法集合
- javascript闭包的高级使用方法实例
- javaScript函数中执行C#代码中的函数方法总结
- javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
- javascript获取元素偏移量的方法有哪些
- javascript实现日期格式转换
- 创建、调用JavaScript对象的方法集锦
- 在JavaScript里防止事件函数高频触发和高频调用的方法