当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 读写Cookie的函数JS代码怎么写

读写Cookie的函数JS代码怎么写

2012/11/6 17:22:38作者:佚名来源:网络

移动端

【实例名称】

读写Cookie的函数JS代码怎么写

【实例描述】

cookie是客户端用来保存数据的对象,本例将所有有关Cookie的操作封装成一个函数库。读者通过学习本例可以全面地掌握Cookie的使用。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <script Language="JavaScript"> //获得Cookie解码后的值 function GetCookieVal(offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } //设定Cookie值-将值保存在Cookie中 function SetCookie(name, value) { var expdate = new Date();                      //获取当前日期 var argv = SetCookie.arguments;                //获取cookie的参数 var argc = SetCookie.arguments.length;         //cookie的长度 var expires = (argc > 2) ? argv[2] : null;     //cookie有效期 var path = (argc > 3) ? argv[3] : null;        //cookie路径 var domain = (argc > 4) ? argv[4] : null;      //cookie所在的应用程序域 var secure = (argc > 5) ? argv[5] : false;     //cookie的加密安全设置 if(expires!=null) expdate.setTime(expdate.getTime() + ( expires * 1000 )); document.cookie = name + "=" + escape (value) +((expires == null) ? "" : ("; expires="+ expdate.toGMTString())) +((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) +((secure == true) ? "; secure" : ""); } //删除指定的Cookie function DelCookie(name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); //获取当前cookie的值 document.cookie = name + "=" + cval + "; expires="+ exp.toGMTString(); //将日期设置为过期时间 } //获得Cookie的值-name用来搜索Cookie的名字 function GetCookie(name) { var arg = name + "="; var argLen= arg.length;                  //指定Cookie名的长度 var cookieLen= document.cookie.length;   //获取cookie的长度 var i = 0; while (i < cookieLen) {     var j = i + argLen;     if (document.cookie.substring(i, j) == arg) //依次查找对应cookie名的值     return GetCookieVal (j);     i = document.cookie.indexOf(" ", i) + 1;     if (i == 0) break; } return null; } </script> </head> <body> <input type=text name="txt1" value="搜索引擎是百度"> <input type=button value="保存Cookie" onClick="javascript:SetCookie('sousuo', txt1.value)"> <input type=button value="获取Cookie" onClick=" javascript:alert(GetCookie('sousuo'))"> </body> </html>

【运行效果】

 读写Cookie的函数运行效果

【难点剖析】

本例的重点是“document.cookie”,在JavaScript中不管是保存Cookie还是获取Cookie,都是使用“document.cookie”。具体的使用方法参考代码中的注释。

【源码下载】

为了JS代码的准确性,请点击:读写Cookie的函数 进行本实例源码下载 

标签: 函数