前端开发中js怎么处理 cookie

前端的开发文档怎么写|前端开发怎么找项目|毕业设计怎么开发web前端
什么是cookie:
△ 用来保存用户信息:用户名、密码… …
△ 同一网站共享一套cookie,大小有限,保存时间
△ 使用document.cookie
cookie包含:
cookieName=cookieValue; 名字和值(用户名、密码…)
expires=expirationDateGMT; 过期时间
path=URLpath; 存储一个URL
domain=siteDomain; 存储一个阈值
设置cookie:
document.cookie=”名字1=值1″;
document.cookie=”名字2=值2″; 单个设置,复合写法:
document.cookie=”名字1=值1; 名字2=值2″;
例子:设置过期时间
var expDate=new Date();
expDate.setDate(expDate.getDate()+需要延长的时间);
document.cookie=”expires=”+expDate.toUTCstring();
/
先创建时间对象
设置过期时间=当前时间+延长时间
写入cookie中
时间对象参考书册http://www.w3school.com.cn/jsref/jsref_obj_date.asp
/
封装三种常用cookie函数:
设置cookie
function setCookie(name,value,iDay){ //名字 值 保存(延长)时间
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);
document.cookie=name+’=’+value+’;expires=’+oDay;
}
获取cookie
function getCookie(name){
//”userName=abc; password=123; …” cookie里的内容,字符串
var arr=document.cookie.split(‘; ‘);
var i=0;
//arr→[“useName=abc”;”password=123″…] 用split()切割成数组,仍不能直接使用
for(var i=0;i<arr.length;i++){
//arr2→[“useName”,”abc”] 细分,可以调用
vararr2=arr.split(“=‘);[i]
if(arr2[i][i][i][i]==name){[/i][/i][/i][/i][i][i]//条件成立时,返回对应值 正确写法 [/i][/i][/i]arr2【i】==name[i][i][i][i][i]
returnarr2[i+1];
}
return”‘; //内容为空时,返回空
}
}
删除cookie
function removeCookie(name){
setCookie(name,”value随便填”,-1);
//保存时间为负数,意为已过期浏览器自动删除相关内容
}
相关实例:
① cookie记录拖拽位置
获取对象属性网址:http://www.w3school.com.cn/jsref/dom_obj_all.asp
②表单Form记住/清除用户名
html
<form action=”” id=” “>
用户名:<input type=”text” name=”user” />
密码:<input type=”password” name=”pass” />
<input type='”submit” value=”登陆” />
<a href=”javacirpt:;”>清除记录</a>
</form>
js
var oForm=document.getElementById(” “); //获取表单
var oUser=document.getElementByName(“user”)[0]; //获取用户名
var oBtnClear=document.getElementByTagName(“a”)[0]; //获取清除按钮
//当用户点击提交时执行
oForm.onsubmit=function(){
setCookie(“user”, oUser.value, 30); //设置
}
oUser.value=getCookie(“user”); //把用户名显示在页面上
oBtnClear.onclick=function(){
removeCookie(“user”); //清除cookie
oUser.value=” “; //把页面上的用户名也清除
}
——————————————————————————————————————————————————-
火狐查看cookie
1.若菜单栏隐藏,先调出
alt+f — 查看– 工具栏–菜单栏 (勾选)
2.工具–页面信息–安全–查看cookie
——————————————————————————————————————————————————-
前端开发怎么数据模拟|怎么知道前端开发语言|java的前端开发工具

 

» 本文来自:前端开发者 » 《前端开发中js怎么处理 cookie》
» 本文链接地址:https://www.rokub.com/5094.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!