怎么在web上添加javascript读取cookie编写的cookie

您现在的位置:&>&&>&&>&
育龙网&WWW.CHINA-B.C0M&& 日&&来源:互联网
核心提示:
【译者注:将本文的最后示例代码拷贝至文本文件中,更名文件为homepage.htm格式文件,在浏览器中运行,本文以该示例代码讲解】简介===
【译者注:将本文的最后示例代码拷贝至文本文件中,更名文件为homepage.htm格式文件,在浏览器中运行,本文以该示例代码讲解】简介====================================问题是我想解决自动访问http://。这个页面能够限制你每一天只访问它一次(不要忘记在这链接上)。现在为止,每次一开始我做的第一件事就是手工选择我的书签加载这个页面。为什么不为它创建一个简单的脚本程序呢?因为我想让它在Netscape和IE下都能够同样的工作,我开始学习Javascript。解决====================================主题思想很简单:创建一个页面并测试一下今天这个页面是否已被加载过,如果没有加载,那就通过它链接到http://,并且设置这个页面作为浏览器的主页。获取页面并重定向是很容易的,问题是如何记忆这个页面已被访问过。因为Javascript没有文件访问的功能,看来我们只能使用cookies了。Cookies是一个有大小限制的变量,它与一个服务器的域名相关联,默认情况下cookie的生存期是当浏览器关闭时被清空(注意:不是当你离开这个页面的时候),但可以用一个脚本程序改变这种情况,在用户关闭浏览器后使cookies能够存储下来,Netscape在文件中使用所有的Cookie,而IE分别存储每个cookie。此外,不同的浏览器会带来一些意想不到的情况,你必须确定一个用户在它的浏览器设置中是否关闭了cookies。一切都很好也很妙,只是现在我还未在IE中测试它,调用示例Javascript语句:cookieExpires="01-APR-"+nLyear+"GMT";document.cookies=cookieName+"="+cookieValue+";expires="+cookieE然后调用document.write(document.cookie);document.cookie是空的。在试验和研究了一下上面的示例程序后,会发现:1。你不能够读和显示cookie。如果你想看一下这个cookie你需要指定与它相同的另一个字符串变量,如下:document.cookie=cookieName+"="+cookieValue+";expires="+cookieEmyvar=cookieName+"="+cookieValue+";expires="+cookieEdocument.write(myvar);2.浏览器用了不同的日期格式:Netscape使用"GMT"结束,IE使用“UTC",这是因为它可以更好的构建一个日期,象下面这样:varexpdate=newDate()cookieExpires.setTime(expdate.getTime()+1())//+1daycookieExpires.toGMTString()当你显示日期部分document.write(expdate.getYear()+"br"+expdate.getMonth()+"br"+expdate.getDate());对于的日期,在IE中显示为,在Netscape下显示100/10/15(注:已确定是一些较低版本的Netscape浏览器的Y2K问题)示例中看到像下面这样的部分:if(platform=="Mac"){lastVisit=lastVisit-()}但我不可能检测它。日期对象有getDate和getDay的方法,第二个方法返回在一周中天的索引号。----------------------------------------知道了这些,基本上就没问题了(现在你可以看一下homepage.htm)[译者注:将本文的最后示例代码拷至文本文件中并保存htm格式,然后运行】最后要说明的是,这不仅是一个专用的JS脚本,如果你想将它用在你的web页面上你必须最小程度的使用不同的浏览器测试它并注意它们的版本,许多的脚本程序包含了浏览器类型检测和大量的if...else语句,以处理这样不同。示例页面homepage.htm源代码htmlheadtitleHomepage/title/headbodyahref=‘http:///‘Manualredirectionbr/aahref="javascript:ResetCookie()"Cookiereset/ascriptlanguage="JavaScript"!--varbVisitedToday=varlastVisit=GetCookie("lastVisit");if(lastVisit!=null){lastVisit=1lastVvarlastHere=newDate(lastVisit);varrightNow=newDate();if(lastHere.getYear()==rightNow.getYear()lastHere.getMonth()==rightNow.getMonth()lastHere.getDate()==rightNow.getDate()){bVisitedToday=}}if(bVisitedToday==false){setLastlastVisitCookie();window.location="http:///"}else{//window.location="about:blank"}functiongetCookieVal(offset){varendstr=document.cookie.indexOf(";",offset);if(endstr==-1)endstr=document.cookie.returnunescape(document.cookie.substring(offset,endstr));}functionGetCookie(name){vararg=name+"=";varalen=arg.varclen=document.cookie.vari=0;while(iclen){varj=i+if(document.cookie.substring(i,j)==arg)returngetCookieVal(j);i=document.cookie.indexOf("",i)+1;if(i==0)}}functionSetCookie(name,value){varargv=SetCookie.varargc=SetCookie.arguments.varexpires=(argc2)?argv:varpath=(argc3)?argv:vardomain=(argc4)?argv:varsecure=(argc5)?argv:document.cookie=name+"="+escape(value)+((expires==null)?"":(";expires="+expires.toGMTString()))+((path==null)?"":(";path="+path))+((domain==null)?"":(";domain="+domain))+((secure==true)?";secure":"");}functionsetLastlastVisitCookie(){varrightNow=newDate();varexpdate=newDate();expdate.setTime(expdate.getTime()+1());//+1daySetCookie("lastVisit",rightNow.getTime(),expdate,"/");}functionResetCookie(){SetCookie("lastVisit",0,null,"/");}//--/script/body/html
相关热词搜索:
Java script
-- 本站部分信息来源于互联网,不代表本站观点或立场,如有侵权,请来电告知,我们将及时处理The page is temporarily unavailable
nginx error!
The page you are looking for is temporarily unavailable.
Please try again later.
Website Administrator
Something has triggered an error on your
This is the default error page for
nginx that is distributed with
It is located
/usr/share/nginx/html/50x.html
You should customize this error page for your own
site or edit the error_page directive in
the nginx configuration file
/etc/nginx/nginx.conf.浏览器的对象实际上可以看作是一个关联数组,每个cookie成员具有唯一的key和一个对应的value值。除此以外,它们还具有四个可选的属性,分别控制它们的生存期、可见性和安全性。
& & & & cookie的第一个属性是expires,它指定了cookie的生存期。默认情况下,cookie是暂时的,它们存储的值只在浏览器会话期间存在,即当用户关闭浏览器后,这些值就销毁。如果想让cookie存在的时间超过会话期间,可能通过设置expires属性指定一个失效日期(expires支持的日期规范是GMT或UTC)。
& & & & cookie的第二个属性是path,它指定了与cookie关联在一起的网页,默认情况下,cookie会和创建它的网页路径关联起来,只有在这个路径下的网页才能访问到它。如果想要在某个服务器域的任何网页中都能访问这个cookie成员,可以将它的path路径设置成”/”。
& & & & 默认情况下,domain的值就是创建cookie的网页所在的服务器的主机名,将domain的值设置成服务器的某个子域,可以限制它只能在这个子域下被访问,注意浏览器允许将cookie的域设置为服务器所在域之外的域。
& & & & cookie的最后一个属性是secure,它是一个Boolean值,指定了在网络上传输cookie值的方式。默认情况下secure的值是false,意味着允许它通过普通的、不安全的HTTP连接传输。但是如果将secure的值设为true,那么它将只在浏览器和服务器通过HTTPS或其它的安全协议下才被传输。
& & & & 注意,cookie值不能含有分号、逗号或空白符,当有这些特殊字符时,可以用JavaScript提供的escape()函数先对它进行编码,这们读取cookie的时候就必须用对应的unescape()函数对它进行解码。
& & & & 在Web应用中,cookie主要用于少量数据的不经常存储。浏览器对cookie的限制相当严格,它规定浏览器保存的cookie总数不能超过300个,为每个Web服务器保存的cookie数不能超过20个,而且每个cookie保存的数据不能超过4KB
JavaScript
//读取cookie,当指定查找的cookie不存在时返回undefined&
function getCookie(name){&
& & var cookies=document.cookie.split(“; “);&
& & for(var i=0,length=cookies.i&
& & & & var s=cookies[i].split(“=”);&
& & & & if(s[0]==name)return s[1];&
//设置cookie&
function setCookie(name,value,expireTime,path,domain,secure){&
& & document.cookie=name+”=”+value+”;”+(expireTime?”expires=”+expireTime.toUTCString()+”;”:””)+(path?”path=”+path+”;”:””)+(secure?”secure=”+secure+”;”:””);&
//删除cookie ,通过设置一个过期的时间实现&
function deleteCookie(name){&
& & var now=new Date();&
& & now.setMonth(now.getMonth()-1);&
& & document.cookie=name+”=expires=”+now.toUTCString();&
设置cookie
每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie:
document.cookie=”userId=828″;
如果要一次存储多个名/值对,可以使用分号加空格(; )隔开,例如:
document.cookie=”userId=828; userName=hulk”;
在cookie的名或值中不能使用分号(;)、逗号(,)、等号(=)以及空格。在cookie的名中做
到这点很容易,但要保存的值是不确定的。如何来存储这些值呢?方法是用escape()函数进行编码,它能将一些特殊符号使用十六进制表示,例如空格将会编码为“20%”,从而可以存储于
cookie值中,而且使用此种方案还可以避免中文乱码的出现。例如:
document.cookie=”str=”+escape(“I love ”);
document.cookie=”str=I%20love%20ajax”;
当使用escape()编码后,在取出值以后需要使用unescape()进行解码才能得到原来的cookie值。
尽管document.cookie看上去就像一个属性,可以赋不同的值。但它和一般的属性不一样,改变它的赋值并不意味着丢失原来的值,例如连续执行下面两条语句:
document.cookie=”userId=828″;
document.cookie=”userName=hulk”;
这时浏览器将维护两个cookie,分别是userId和userName,因此给document.cookie赋值更像执行类似这样的语句:
document.addCookie(“userId=828″);
document.addCookie(“userName=hulk”);
事实上,浏览器就是按照这样的方式来设置cookie的,如果要改变一个cookie的值,只需重新赋值,例如:
document.cookie=”userId=929″;
这样就将名为userId的cookie值设置为了929。
获取cookie的值
下面介绍如何获取cookie的值。cookie的值可以由document.cookie直接获得:
var strCookie=document.
这将获得以分号隔开的多个名/值对所组成的字符串,这些名/值对包括了该域名下的所有cookie
&script language=”JavaScript” type=”text/javascript”&
document.cookie=”userId=828″;
document.cookie=”userName=hulk”;
var strCookie=document.
alert(strCookie);
//–&
名称来获得指定的值,这正是处理cookie值最麻烦的一部分。用户必须自己分析这个字符串,来获取指定的cookie值,例如,要获取userId的值,可以这样实现:
&script language=”JavaScript” type=”text/javascript”&
//设置两个cookie
document.cookie=”userId=828″;
document.cookie=”userName=hulk”;
//获取cookie字符串
var strCookie=document.
//将多cookie切割为多个名/值对
var arrCookie=strCookie.split(“; “);
var userId;
//遍历cookie数组,处理每个cookie对
for(var i=0;i&arrCookie.i++){
var arr=arrCookie[i].split(“=”);
//找到名称为userId的cookie,并返回它的值
if(“userId”==arr[0]){
userId=arr[1];
alert(userId);
//–&
用类似的方法,可以获取一个或多个cookie的值,其主要的技巧仍然是字符串和数组的相关操作.
给cookie设置终止日期
到现在为止,所有的cookie都是单会话cookie,即浏览器关闭后这些cookie将会丢失,事实上这些cookie仅仅是存储在内存中,而没有建立相应的硬盘文件。
在实际开发中,cookie常常需要长期保存,例如保存用户登录的状态。这可以用下面的选项来实现:
document.cookie=”userId=828; expires=GMT_String”;
其中GMT_String是以GMT格式表示的时间字符串,这条语句就是将userId这个cookie设置为
GMT_String表示的过期时间,超过这个时间,cookie将消失,不可访问。例如:如果要将cookie
设置为10天后过期,可以这样实现:
&script language=”JavaScript” type=”text/javascript”&
//获取当前时间
var date=new Date();
var expireDays=10;
//将date设置为10天以后的时间
date.setTime(date.getTime()+expireDays*24*);
//将userId和userName两个cookie设置为10天后过期
document.cookie=”userId=828; userName= expires=”+date.toGMTString();
//–&
删除cookie
为了删除一个cookie,可以将其过期时间设定为一个过去的时间,例如:
&script language=”JavaScript” type=”text/javascript”&
//获取当前时间
var date=new Date();
//将date设置为过去的时间
date.setTime(date.getTime()-10000);
//将userId这个cookie删除
document.cookie=”userId=828; expires=”+date.toGMTString();
//–&
指定可访问cookie的路径
默认情况下,如果在某个页面创建了一个cookie,那么该页面所在目录中的其他页面也可以访问该cookie。如果这个目录下还有子目录,则在子目录中也可以访问。例如在
//a.html中所创建的cookie,可以被/html/b.html或
/ html/ some/c.html所访问,但不能被/d.html访问。
为了控制cookie可以访问的目录,需要使用path参数设置cookie,语法如下:
document.cookie=”name= path=cookieDir”;
其中cookieDir表示可访问cookie的目录。例如:
document.cookie=”userId=320; path=/shop”;
就表示当前cookie仅能在shop目录下使用。
如果要使cookie在整个网站下可用,可以将cookie_dir指定为根目录,例如:
document.cookie=”userId=320; path=/”;
指定可访问cookie的主机名
和路径类似,主机名是指同一个域下的不同主机,例如:和就是两个不同的主机名。默认情况 下,一个主机中创建的cookie在另一个主机下是不能被访问的,但可以通过domain参数来实现对其的控制,其语法格式为:
document.cookie=”name= domain=cookieDomain”;
以google为例,要实现跨主机访问,可以写为:
document.cookie=”name=domain=.”;
这样,所有下的主机都可以访问该cookie。
综合示例:构造通用的cookie处理函数
cookie的处理过程比较复杂,并具有一定的相似性。因此可以定义几个函数来完成cookie的通用
操作,从而实现代码的复用。下面列出了常用的cookie操作及其函数实现。
1.添加一个cookie:addCookie(name,value,expireHours)
该函数接收3个参数:cookie名称,cookie值,以及在多少小时后过期。这里约定expireHours为0时不设定过期时间,即当浏览器关闭时cookie自动消失。该函数实现如下:
&script language=”JavaScript” type=”text/javascript”&
function addCookie(name,value,expireHours){
var cookieString=name+”=”+escape(value);
//判断是否设置过期时间
if(expireHours&0){
var date=new Date();
date.setTime(date.getTime+expireHours*);
cookieString=cookieString+”; expires=”+date.toGMTString();
document.cookie=cookieS
//–&
2.获取指定名称的cookie值:getCookie(name)
该函数返回名称为name的cookie值,如果不存在则返回空,其实现如下:
&script language=”JavaScript” type=”text/javascript”&
function getCookie(name){
var strCookie=document.
var arrCookie=strCookie.split(“; “);
for(var i=0;i&arrCookie.i++){
var arr=arrCookie[i].split(“=”);
if(arr[0]==name)return arr[1];
return “”;
//–&
function getCookie(cookie_name){
var results = document.cookie.match(‘(^|;) ?’ + cookie_name + ‘=([^;]*)(;|$)’);
if (results)
return (unescape(results[2]));
3.删除指定名称的cookie:deleteCookie(name)
该函数可以删除指定名称的cookie,其实现如下:
&script language=”JavaScript” type=”text/javascript”&
function deleteCookie(name){
var date=new Date();
date.setTime(date.getTime()-10000);
document.cookie=name+”=v; expires=”+date.toGMTString();
//–&
自由转载,转载请注明: 转载自
本文链接地址:
/web-note83The page is temporarily unavailable
nginx error!
The page you are looking for is temporarily unavailable.
Please try again later.
Website Administrator
Something has triggered an error on your
This is the default error page for
nginx that is distributed with
It is located
/usr/share/nginx/html/50x.html
You should customize this error page for your own
site or edit the error_page directive in
the nginx configuration file
/etc/nginx/nginx.conf.The page is temporarily unavailable
nginx error!
The page you are looking for is temporarily unavailable.
Please try again later.
Website Administrator
Something has triggered an error on your
This is the default error page for
nginx that is distributed with
It is located
/usr/share/nginx/html/50x.html
You should customize this error page for your own
site or edit the error_page directive in
the nginx configuration file
/etc/nginx/nginx.conf.}

我要回帖

更多关于 webview添加cookie 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信