您的位置：首页 > Web前端 > JavaScript

JavaScript Cookies ,cookie 用来识别用户。

2011-01-12 10:38 225 查看
利用用户在提示框中输入的数据创建一个JavaScriptCookie，当该用户再次访问该页面时，根据cookie中的信息发出欢迎信息。
什么是cookie?
cookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个cookie。你可以使用JavaScript来创建和取回cookie的值。

有关cookie的例子：
名字cookie
当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于cookie中。当访问者再次访问网站时，他们会收到类似"WelcomeJohnDoe!"的欢迎词。而名字则是从cookie中取回的。
密码cookie
当访问者首次访问页面时，他或她也许会填写他/她们的密码。密码也可被存储于cookie中。当他们再次访问网站时，密码就会从cookie中取回。
日期cookie
当访问者首次访问你的网站时，当前的日期可存储于cookie中。当他们再次访问网站时，他们会收到类似这样的一条消息："YourlastvisitwasonTuesdayAugust11,2005!"。日期也是从cookie中取回的。
创建和存储cookie
在这个例子中我们要创建一个存储访问者名字的cookie。当访问者首次访问网站时，他们会被要求填写姓名。名字会存储于cookie中。当访问者再次访问网站时，他们就会收到欢迎词。

首先，我们会创建一个可在cookie变量中存储访问者姓名的函数：

functionsetCookie(c_name,value,expiredays)

{

varexdate=newDate()

exdate.setDate(exdate.getDate()+expiredays)

document.cookie=c_name+"="+escape(value)+

((expiredays==null)?"":";expires="+exdate.toGMTString())

}


上面这个函数中的参数存有cookie的名称、值以及过期天数。

在上面的函数中，我们首先将天数转换为有效的日期，然后，我们将cookie名称、值及其过期日期存入document.cookie对象。

之后，我们要创建另一个函数来检查是否已设置cookie：

functiongetCookie(c_name)

{

if(document.cookie.length>0)

{

c_start=document.cookie.indexOf(c_name+"=")

if(c_start!=-1)

{

c_start=c_start+c_name.length+1

c_end=document.cookie.indexOf(";",c_start)

if(c_end==-1)c_end=document.cookie.length

returnunescape(document.cookie.substring(c_start,c_end))

}

}

return""

}


上面的函数首先会检查document.cookie对象中是否存有cookie。假如document.cookie对象存有某些cookie，那么会继续检查我们指定的cookie是否已储存。如果找到了我们要的cookie，就返回值，否则返回空字符串。

最后，我们要创建一个函数，这个函数的作用是：如果cookie已设置，则显示欢迎词，否则显示提示框来要求用户输入名字。

functioncheckCookie()

{

username=getCookie('username')

if(username!=null&&username!="")

{alert('Welcomeagain'+username+'!')}

else

{

username=prompt('Pleaseenteryourname:',"")

if(username!=null&&username!="")

{

setCookie('username',username,365)

}

}

}


这是所有的代码：

<html>

<head>

<scripttype="text/javascript">

functiongetCookie(c_name)

{

if(document.cookie.length>0)

{

c_start=document.cookie.indexOf(c_name+"=")

if(c_start!=-1)

{

c_start=c_start+c_name.length+1

c_end=document.cookie.indexOf(";",c_start)

if(c_end==-1)c_end=document.cookie.length

returnunescape(document.cookie.substring(c_start,c_end))

}

}

return""

}


functionsetCookie(c_name,value,expiredays)

{

varexdate=newDate()

exdate.setDate(exdate.getDate()+expiredays)

document.cookie=c_name+"="+escape(value)+

((expiredays==null)?"":";expires="+exdate.toGMTString())

}


functioncheckCookie()

{

username=getCookie('username')

if(username!=null&&username!="")

{alert('Welcomeagain'+username+'!')}

else

{

username=prompt('Pleaseenteryourname:',"")

if(username!=null&&username!="")

{

setCookie('username',username,365)

}

}

}

</script>

</head>


<bodyonLoad="checkCookie()">

</body>

</html>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航