html5中关于封装和添加与获取删除以及cookie介绍


本文摘自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桌面通知提示功能的实现

怎样解决a标签的背景图在ie8下不显示这个问题

详细介绍HTML5 12个设计小技巧(图文)

HTML5语义化标签有哪些

HTML5中关于canvas画图之画圆形的实例介绍

用h5做出微信的支付过程的实现步骤

HTML5实现留言板的代码实例分享

使用HTML5里的classlist操作css类的详细介绍

HTML5 canvas 图形组合是如何实现的?附代码

HTML5+a*算法实现游戏寻路的代码分享

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...