Javascript读写cookie的示例源代码

今天，我回顾了如何使用javascript来创建和存储cookie，我将与您讨论它。首先，我将看一下基础知识：

什么是饼干

Cookie是存储在访问者计算机中的变量。每当同一台计算机通过浏览器请求页面时，都会发送此cookie。您可以使用JavaScript来创建和检索cookie值。

饼干的例子

名称cookie:当访问者第一次访问页面时，他或她可以填写他或她的名字。名称存储在cookie中。当访问者再次访问网站时，他们会收到类似“欢迎无名氏！”欢迎辞。从cookie中检索名称。

密码cookie:当访问者第一次访问页面时，他或她可能会填写他或她的密码。密码也可以存储在cookie中。当他们再次访问网站时，将从cookie中检索密码。

日期cookie:当访问者第一次访问您的网站时，当前日期可以存储在cookie中。当他们再次访问该网站时，他们会收到这样一条消息：‘您上次访问是在2005年8月11日星期二！’。日期也从cookie中检索。

让我们创建一个cookie的实例，以及如何创建并取出它。

部分javascript代码：

//创建cookie函数setcookie(名称、值、expired day){ var exp=new date()；exp . SetTime(exp . GetTime)(expire day * 24 * 60 * 60 * 1000)；//设置cookies的截止日期。文件。cookie=name '=' escape(value)'；expires ' '=' exp . TogMTString()；//创建cookie}//提取cookie函数中的值获取cookie(名称){var cookiestr=document。饼干；if(cookiestr . length 0){ var cookier=cookiestr . split('；');//将cookie信息转换为(var I=0；icookieArr.lengthI){ var cookieVal=cookie ler[I]。split('=')；//将每组cookie(cookie名称和值)转换为数组if(cookie val[0]==name){ return escape(cookie val[1])；//返回要提取的cookie值}}}}//Test cookie函数check cookie(){ var cookie user=document。getelementbyid ('cookie用户')；var userName=GetCookie(' userName ')；If (userName) {cookie用户。innerhtml=' hello' username，欢迎再次光临！'；} else {var value=prompt('请输入用户名'，' ')；if(value) { setCookie('userName '，值，1)；} else {alert('请输入用户名！');}}}主要在于如何提取我们需要的cookie信息。在这个例子中，getCookie函数主要是将Cookie信息转换成一个数组，以找到我们需要提取的cookie值。您也可以通过正则表达式进行匹配，如下所示：

函数GetCookie(name){ var CookieStr=document . Cookie；var cookier=cookiestr . match(new RegExp(name)=[a-zA-Z0-9]*；$'));var cookieVal=cookie lr . split('=')；if(cookieVal[0]==name){ return unescape(cookieVal[1])；}}例如，如果打开的浏览器中没有存储名为userName的cookie，则会提示用户输入用户名，再次刷新页面时会显示输入的cookie值。最后，我们可以测试代码：

body on load=' CheckCookie()' p id=' Cookie user '/p/body JavaScript可以将信息保存在cookies中，在其他页面上使用，也非常方便实用，代码也很少。但是需要注意的是，有些浏览器不支持读写本地Cookie，需要在线才能读取，也就是发布网站后才允许。例如chrome浏览器。

代码如下：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML头元http-equiv=' Content-Type ' Content=' text/HTML；charset=utf-8' titleCookie的读取例子/title link href=' CSS/sheet。CSS“rel=”外部no跟随“rel=”样式表type=' text/CSS '脚本语言=' JavaScript '函数WriteCookie(){//写入cookie文档。cookie=encodeURI(' username=' document)。表格1。用户名。值)；文件。cookie=encodeURI(' password=' document。表格1。密码1。值)；}函数readCookie(){//读取cookie var cookieString=decodeURI(文档。饼干)；//调用decodeURI函数获取Cookie if(cookieString.length！=0){//cookie不为空var cookies=cookiestring。拆分('；');//使用字符串的使分离函数利用";"分割字符串为数组，这样就把用户名和密码分开了for(var I=0；icookies . lenti){ var cookieN=cookies[I].split('=')；//使用字符串的使分离函数利用"="分割字符串为数组，这样就把用户名和用户名的值分开了var cookieName=cookieN[0]；//var cookieValue=cookieN[1]；警报(' Cookie名称为：' cookieName '，值为： ' cookieValue)；}}elsealert('Cookie为空，请填写信息');}/script/head body on load=' make snake()' form action=' method=' post ' name=' form 1 ' table tr align=' right ' TD用户名：/TDT输入类型=' text '名称=' username '/TD/tr/tr align=' right ' TD密码：/TDT输入类型=' password '名称=' password 1 '/TD/tr对齐方式=' right ' TD确认密码：/TDT输入类型=' password '名称=' password 2 '/TD/tr对齐='中央' TD输入类型='按钮'值='写入cookie“OnClick=”WriteCookie()；/td tdinput type='button' value='读取cookie ' OnClick=' ReadCookie()；/td/tr /table /form /body/html在铬运行效果：

（填写好后点击写入再点击读取)

注：在工业工程，火狐等浏览器可以直接打开超文本标记语言读取饼干操作，但在铬需要发布之后在线才行。即在浏览器输入互联网协议(互联网协议的缩写)打开。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对我们的支持。如果你想了解更多相关内容请查看下面相关链接