作者:手机用户2502901613 | 来源:互联网 | 2022-07-14 01:30
COOKIE是储存在用户本地终端上的数据。
在我们登陆网站时有记录密码,也有时间限制比如说7天,5天等等这都是我们利用COOKIE来写的,
这就是利用了COOKIE的会话周期,但COOKIE同时又是不安全的我们可以打开网页看到用户输入的密码,而且又是依赖于服务器环境的,
再写COOKIE时还要设置储存路径,而我们获取出来的值又是字符串,同时它又是非常小的,只有4kb,
下面我们来封装一下coookie
封装设置COOKIE:
function setCOOKIE(name,value,iDay) { //传值为名,值,过期时间 if(iDay){ //如果有过期时间的话则执行这个条件
var oDate=new Date(); //获取当且的事件戳
oDate.setDate(oDate.getDate()+iDay); //设置过期事件
document.COOKIE=name+"="+value+"; path=/; expires="+oDate;//设置COOKIE
}else {//如果有过期时间的话则执行这个条件 设置COOKIE
document.COOKIE=name+"="+value+"; path=/"; //名,值以及根目录
}
}
获取COOKIE值
function getCOOKIE(name) {
var arr1=document.COOKIE.split("; "); 获取COOKIE值并且用”; “来进行切割成数组
for(var i=0;i删除COOKIE
function removeCOOKIE(name) {
setCOOKIE("jack","1234",-1); //再次调用setCOOKIE,关键是把过期时间设置为负值
}
以上就是html5中关于封装和添加与获取删除以及COOKIE介绍的详细内容,更多请关注其它相关文章!