Cookie使用

161 阅读1分钟

我一般很少用cookie的,大家可能也比较少用,但是搜到这篇文章肯定是你要用,但不怎么会用,哈哈哈~! Cookie:可以存少量,不经常更改的数据,存储在客户端、比如:用户的使用偏好。(自己理解) 今天一个客户要求,他说这里选择了下拉,页面一刷新下下就没了,想要记住选择状态,正好我玩下cookie!

2345_image_file_copy_10.jpg

首先来两个Cookie工具方法:

// setCookie 存数据到cookie方法,传入c_name(key键或者说标识吧,取个存储名),value(值),expiredays(保存天数)。

function setCookie(c_name,value,expiredays) { var exdate=new Date() exdate.setDate(exdate.getDate()+expiredays) document.cookie=c_name+ "=" +escape(value)+ ((expiredays==null) ? "" : ";expires="+exdate.toGMTString()) } // getCookie 从cookie中拿到数据,传入c_name(上面说了)

function getCookie(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 return unescape(document.cookie.substring(c_start,c_end)) } } return "" } -------------------ok了,以下是怎么使用----------------------

  • 激活状态:
  • 使用状态:
上面是两个下拉选项嘛,那我肯定是它选择了就把值保存到cookie呗,那就给了个onchange(内容改变监听)

然后写个页面加载我们就去读取cookie、初始化:

// 初始化 var jhzt = getCookie("jhzt"); var syzt = getCookie("syzt"); ("#jhzt").val(jhzt); ("#syzt").val(syzt); 然后再来个保存的:

// 实时保存 function onSave(){ setCookie("jhzt",("#jhzt").val(),7); setCookie("syzt",("#syzt").val(),7); } ----------------------没了、感觉蛮好玩的-------------------------------