本地存储之cookie

cookie概述:

Cookie 在计算机中是个存储在浏览器目录中的文本文件,当浏览器运行时,存储在 RAM 中发挥作用 (此种 Cookies 称作 Session Cookies),

一旦用户从该网站或服务器退出,Cookie 可存储在用户本地的硬盘上 (此种 Cookies 称作 Persistent Cookies)。

Cookie 是在 HTTP 协议下,服务器或脚本可以维护客户工作站上信息的一种方式。

Cookie 是由 Web 服务器保存在用户浏览器(客户端)上的小文本文件,它可以包含有关用户的信息。

无论何时用户链接到服务器,Web 站点都可以访问 Cookie 信息。

目前有些 Cookie 是临时的,有些则是持续的。

临时的 Cookie 只在浏览器上保存一段规定的时间,一旦超过规定的时间,该 Cookie 就会被系统清除。

持续的 Cookie 则保存在用户的 Cookie 文件中,下一次用户返回时,仍然可以对它进行调用。在 Cookie 文件中保存 Cookie,

有些用户担心 Cookie 中的用户信息被一些别有用心的人窃取,而造成一定的损害。其实,网站以外的用户无法跨过网站来获得 Cookie 信息

。如果因为这种担心而屏蔽 Cookie,肯定会因此拒绝访问许多站点页面。因为,当今有许多 Web 站点开发人员使用 Cookie 技术,

例如 Session 对象的使用就离不开 Cookie 的支持。

在同一个页面中设置 Cookie,实际上是按从后往前的顺序进行的。如果要先删除一个 Cookie,

再写入一个 Cookie,则必须先写写入语句,再写删除语句,否则会出现错误。

Cookie是面向路径的。缺省路径 (path) 属性时,Web 服务器页会自动传递当前路径给浏览器,

指定路径强制服务器使用设置的路径。在一个目录页面里设置的 Cookie 在另一个目录的页面里是看不到的。

Cookie 必须在 HTML 文件的内容输出之前设置;不同的浏览器 (Netscape Navigator、Internet Explorer) 对 Cookie 的处理不一致,

使用时一定要考虑;客户端用户如果设置禁止 Cookie,则 Cookie 不能建立。 并且在客户端,一个浏览器能创建的 Cookie 数量最多为 300 个,

并且每个不能超过 4KB,每个 Web 站点能设置的 Cookie 总数不能超过 20 个。

cookie用途:

服务器可以利用Cookies包含信息的任意性来筛选并经常性维护这些信息,以判断在HTTP传输中的状态。

Cookies最典型的应用是判定注册用户是否已经登录网站,用户可能会得到提示,是否在下一次进入此网站

时保留用户信息以便简化登录手续,这些都是Cookies的功用。另一个重要应用场合是“购物车”之类处理。

用户可能会在一段时间内在同一家网站的不同页面中选择不同的商品,这些信息都会写入Cookies,以便在最后付款时提取信息。

接下来是cookie的简易封装

/*key键,val值,time时间,时间是以天数来计算的,当时间传入的值是小于0时,会删除cookie*/
/*当传入只有key时获取目标值,
当传入两个是设置但不设置时间的cookie,
当传入三个值为以传入的时间为准,如果时间为负数,删除
如果传入的值为正数为设置*/
(function(){
    function cookie(key,val,time){
        if(key!=undefined&&val!==undefined){
            return time?setcookie(key,val,time):setcookie(key,val);
        }else if(key!==undefined||val===undefined){
            return getcookie(key);
        }
    }
    function setcookie(key,val,time){
        var d=new Date();
        if(time!==undefined){
            d.setTime(+d+864e+5*time);
            document.cookie=key+"="+val+"; expires="+d.toUTCString();
        }else{
            document.cookie=key+"="+val+";";
        }
    }
    function getcookie(key){
        var arr=document.cookie.split("; ");
        for(var i=0;i<arr.length;i++){
            var arr2=arr[i].split("=");
            for(var j=0;j<arr2.length;j++){
                if(arr2[0]==key){
                    return arr2[1];
                    }
                }
            }
    }

    window.cookie=cookie;
})(window)

这个封装是参考jquery-cookie的。

但jquery-cookie封装更加完善,这个封装是参考它部分,简化过来的。

如jquery-cookie的传参方式,如时间的设置等。

jquery-cookie是依赖于JQuery的,所以使用前,先引入JQ。

时间: 2024-10-12 09:05:28

本地存储之cookie的相关文章

本地存储和cookie

localStorage 和 cookie一样,数据存储在浏览器客户端,不会随刷新页面,关闭页签,打开新网站,乃至关闭浏览器而改变: sessionStorage会在关闭页签,关闭浏览器时失去数据,刷新浏览器,前进后退时不会丢失数据,并且sessionStorage的数据每个窗口是独立的,不会多窗口共享数据: cookie会每次发送http请求时被发送到服务器,localStorage和sessionSotrage没有这样多余的操作: cookie的存储限制在4k之内,localStorage和

h5的本地存储——sessionStorage,localStorage

HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 SessionStorage, LocalStorage, Cookie这三者都可以被用来在浏览器端存储数据,localStorage和sessionStorage都是本地存储. Cookie会在每次发送HTTP请求时附加到Cookie头字段,服务器以此得知用户所处的状态. Web Storage的概念和cookie相似,

h5的本地存储

什么是本地存储 以下内容从网上抄来的 HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取.这个概念和cookie相似,区别是它是为了更大容量存储设计的.Cookie的大小是受限的,并且每次你请求一个新的页面的时候cookie都会被发送过去.HTML5的storage是存储在你的计算机上,网站在页面加载完毕后可以通过Javascript来获取这些数据.简单的说本地存储是HTML5的一部分.更为详细准确的说是本地存储过去是HTML5的标准中的一

认识本地存储

1.本地存储 document.cookie 有效期: 1.如果没有设置有效期,会话结束就失效 2.如果设置有效期,依据有效期时间失效 存储大小:4kb左右 有效范围:只能在自己的域名下有效 发送请求:携带,在会话过程中,每次请求在报文的头部会携带cookie信息 使用方式: 设置cookie: document.cookie = "名称=值;expires=时间" 读取cookie: document.cookie window.localStorage localStorage:

jQuery本地存储

1.概念 本地存储分为cookie,以及新增的localStorage和sessionStorage (1)cookie存储在本地,容量最大4k,在同源的http请求时携带传递,损耗带宽,可设置访问路径,只有此路径及此路径的子路径才能访问此cookie,在设置的过期时间之前有效. 服务器环境运行: <!doctype html><html><head><meta charset="utf-8"><title>本地存储</

灵魂拷问第2篇:能不能说一说浏览器的本地存储?各自优劣如何?

浏览器的本地存储主要分为Cookie.WebStorage和IndexedDB, 其中WebStorage又可以分为localStorage和sessionStorage.接下来我们就来一一分析这些本地存储方案. Cookie Cookie 最开始被设计出来其实并不是来做本地存储的,而是为了弥补HTTP在状态管理上的不足. HTTP 协议是一个无状态协议,客户端向服务器发请求,服务器返回响应,故事就这样结束了,但是下次发请求如何让服务端知道客户端是谁呢? 这种背景下,就产生了 Cookie. C

cookie本地存储

本地存储 所谓的本地存储,其实就是把一些信息,存储到客户端版本地,存储的信息不会因为页面的跳转或关闭而消失,这样就可以实现很多功能需求了. 特点 虽然是存储到本地了,但是有浏览器中间的访问限制,例如:谷歌下存储的信息在IE中访问不到 还会存在域名和域名之间的访问限制,例如:在谷歌下访问京东,存储了京东的客户信息,当我们用谷歌浏览器打开了百度,百度是无法获取原来在京东下存储的本地信息的 本地存储应用的案例: 登录的时候,记住用户名和密码,其实就是把信息存储到客户端本地,下一次再打开页面的时候,直接

常用的本地存储-----cookie篇

1.引言 随着浏览器的处理能力不断增强,越来越多的网站开始考虑将数据存储在「客户端」,那么久不得不谈本地存储了. 本地存储的好处: 一是避免取回数据前页面一片空白,如果不需要最新数据也可以减少向服务器的请求次数,从而减少用户等待从服务端获取数据的时间. 二是网络状态不佳时仍可以显示离线数据. 2.本地存储 用chrome浏览器打开一个网页,F12进入开发者模式,点击Application,我们可以看到: 以上的Local Stroage . Session Stroage . IndexedDB

regexp模式匹配+location页面跳转+cookie/localstorage本地存储

学习js的过程中,根据知识点编写一些code进行测试,以便检验. 这段程序使用了以下知识点: 1.regexp,对数据进行模式匹配 2.使用location对象进行页面跳转. 3.cookie/localstorage等本地存储的使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <span id="span1