html5中cookie介绍,封装以及添加,获取,删除
2018-06-24 01:27:45来源:未知 阅读 ()
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<arr1.length;i++){ //循环本数组
var arr2=arr1[i].split("="); //再次利用split()方法进行切割为二维数组
if(arr2[0]==name){ //循环二维数组,当第一个值为你所传的值则返回本数组的第二个值
return arr2[1];
}
}
return " ";
}
删除cookie
function removeCookie(name) {
setCookie("jack","1234",-1); //再次调用setCookie,关键是把过期时间设置为负值
}
以上就是我对cookie的理解
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:导航菜单
- [01]HTML基础之简单介绍 2020-06-01
- 3.栅格系统 2020-05-28
- ECharts介绍 2020-05-26
- 1.html5概述 2020-05-25
- [书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读 2020-05-07
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash