2012-11-06 来源:网络
【实例名称】
读写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>
【运行效果】
【难点剖析】
本例的重点是“document.cookie”,在JavaScript中不管是保存Cookie还是获取Cookie,都是使用“document.cookie”。具体的使用方法参考代码中的注释。
【源码下载】
为了JS代码的准确性,请点击:读写Cookie的函数 进行本实例源码下载
相关文章