首页 > 代码库 > cookie应用与封装
cookie应用与封装
document.cookie
本地环境中测试需要用fireFox,其它几个浏览器不行,服务器都可以测出正确结果
cookie特点:
1. 如登陆信息存储,同一论坛打开多个页面不用重复登陆,就是通过cookie来存取实现;
2. 正常情况下,关闭浏览器,相应cookie信息会清除;
3. 若设置了cookie的过期时间,关闭浏览器不会清除数据,只有到期清除,也可以手动清除;
应用:
如邮箱登陆后,记住用户名
拖拽后记住位置
cookie封装函数(可以直接使用):
// 开始----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
//存入cookie
function setCookie(name, value, iDay){//name:cookie名字; value:cookie值; iDay:缓存天数
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);
document.cookie=name+‘=‘+value+‘;expires=‘+oDate;
}
//取出
function getCookie(name){
//‘username=abc; password=123456; aaa=123; bbb=4r4er‘
var arr=document.cookie.split(‘; ‘); //以分号加空格进行分割,结果:arr->[‘username=abc‘, ‘password=123456‘, ...]
for(i=0;i<arr.length;i++){
var arr2=arr[i].split(‘=‘); //再次分割出名字进行比较,找到就返回相应的值,未找到就返回空
if(arr2[0]==name){
return arr2[1];
}
}
return ‘‘;
}
//删除
function removeCookie(name){
setCookie(name,‘1‘,-1); //设置对应的为昨天过期即可
}
// 结束----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// 使用测试-----------------------------------------------------------------
setCookie(‘username‘,‘sdd‘,‘10‘); //设置
setCookie(‘password‘,‘sdd2‘);
alert(document.cookie); //查看
alert(getCookie(‘username‘)); //查看指定的
removeCookie(‘username‘);
alert(getCookie(‘username‘)); //删除指定的
// 记住用户名功能(需要加载上面三个cookie函数) =============================================================
window.onload=function(){
var oForm=document.getElementById(‘form1‘);
var oUser=document.getElementsByTagName(‘user‘)[0]; //input的name可以作为TagName来选择
var oBtnclear=document.getElementsByTagName(‘a‘)[0];
oForm.onsubmit=function(){
setCookie(‘user‘,oUser.value,30);
};
oUser.value=http://www.mamicode.com/getCookie(‘user‘);
oBtnClear.onclick=function(){
removeCookie(‘user‘);
oUser.value=http://www.mamicode.com/‘‘;
};
}
var oForm=document.getElementById(‘form1‘);
var oUser=document.getElementsByTagName(‘user‘)[0]; //input的name可以作为TagName来选择
var oBtnclear=document.getElementsByTagName(‘a‘)[0];
oForm.onsubmit=function(){
setCookie(‘user‘,oUser.value,30);
};
oUser.value=http://www.mamicode.com/getCookie(‘user‘);
oBtnClear.onclick=function(){
removeCookie(‘user‘);
oUser.value=http://www.mamicode.com/‘‘;
};
}
<form id="form1" action="http://www.miaov.com/">
用户名:<input type="text" name="user" />
密码:<input type="password" name="pass" />
<input type="submit" value="http://www.mamicode.com/登录" />
<a href="javascript:;">清除记录</a>
</form>
用户名:<input type="text" name="user" />
密码:<input type="password" name="pass" />
<input type="submit" value="http://www.mamicode.com/登录" />
<a href="javascript:;">清除记录</a>
</form>
cookie应用与封装
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。