本文摘自PHP中文网,作者黄舟,侵删。
cookie是储存在用户本地终端上的数据。
在我们登陆网站时有记录密码,也有时间限制比如说7天,5天等等这都是我们利用cookie来写的,
这就是利用了cookie的会话周期,但cookie同时又是不安全的我们可以打开网页看到用户输入的密码,而且又是依赖于服务器环境的,
再写cookie时还要设置储存路径,而我们获取出来的值又是字符串,同时它又是非常小的,只有4kb,
下面我们来封装一下coookie
封装设置cookie:
1 2 3 4 5 6 7 8 | 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值
1 2 3 4 5 6 7 8 9 10 | 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
1 2 3 | function removeCookie(name) {
setCookie("jack","1234",-1); //再次调用setCookie,关键是把过期时间设置为负值
}
|
以上就是html5中关于封装和添加与获取删除以及cookie介绍的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
利用HTML5实现文件异步上传功能代码实例
HTML5中一些可以优化的细节介绍
利用h5制作一个倒计时demo的实例教程
HTML5本地存储之localstorage、sessionstorage的具体分析
h5history 模式的实例教程
如何解决微信通过h5页面直接打开本地app
HTML5 video 上传预览图片视频,设置、预览视频某秒的海报帧
HTML5与html区别是什么
h5中的定位
HTML5如何使用canvas画空心圆与实心圆
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5中关于封装和添加与获取删除以及cookie介绍