js浏览器设置cookie js获取cookie

JavaScript Cookie
Cookie 用于存储 web 页面的用户信息。

什么是 Cookie?

Cookie 是一些数据, 存储于你电脑上的文本文件中。
当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。
Cookie 的作用就是用于解决 "如何记录客户端的用户信息":
当用户访问 web 页面时,他的名字可以记录在 cookie 中。
在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。
Cookie 以名/值对形式存储,如下所示:
username=John Doe
当浏览器从服务器上请求 web 页面时, 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息。

  • 设置cookie

     /** 设置 cookie 
     * @param {Object} name  
     * @param {Object} value
     * @param {Object} time 时间分钟
     */
    function key(name, value,time) {
        //name相当于key,value为转入的值
        var expdate = new Date();
        //初始化时间
        expdate.setTime(expdate.getTime() + 60 * 1000*time);
        //时间单位毫秒
        document.cookie = name + "=" + value + ";expires=" + expdate.toGMTString() + ";path=/";
    }
  • 获取cookie

     /** 获取cookie
     * @param {Object} cname 
     */
    function val(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i].trim();
            if (c.indexOf(name) == 0)
                return c.substring(name.length, c.length);
        }
        return "";
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 由于HTTP无状态协议,有时需要保存资源状态信息或者用户信息,根据状态判断是否需要重新请求资源或者在相同域名...
    Shaw007阅读 2,656评论 0 0
  • 浏览器 浏览器缓存(http缓存) 浏览器缓存是将文件保存在客户端,在同一个会话中会检查缓存的副本是否足够新,在后...
    zanezz阅读 435评论 0 0
  • 此学习记录来自于极客时间专栏浏览器工作原理与实践,由于个人对这块内容比较感兴趣,所以花钱买了专栏,但看完总觉得什么...
    Mstian阅读 913评论 0 3
  • JS Window-浏览器对象模型 浏览器对象模型(BOM)使JS有能力与浏览器对话 由于现代浏览器几乎实现了JS...
    figure_ai阅读 1,307评论 0 2
  • 什么是 Cookie?Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 we...
    FiringAce阅读 316评论 0 0