浏览器存储的区别(sessionStorage, localStorage, cookie)

sessionStorage

做用域： 限定在文档源(document origin)级别；此外还限定在窗口中，即同源文档在不一样的浏览器标签页中没法共享数据（*若是一个浏览器包含两个元素，它们包含的文档是同源的，那么二者能够共享数据）。

有效期： 当该网页的标签页被关闭，那么全部经过seesionStorage存储的数据都会被删除。

localStorage

做用域： 限定在文档源(document origin)级别，也受浏览器供应商的限制，没法跨浏览器读写数据。

有效期： 存储的数据是永久性的，除非Web应用能够删除存储的数据，不然数据将一直存储在用户的电脑上，永不过时。

cookie

cookie数据会自动跟随http请求在web浏览器和web服务器之间传输。

做用域： 默认是限定在文档源(document origin)级别。而且默认与建立它的页面有关，并对该web页面以及和gaiweb页面同目录或者子目录的其余web页面可见，如http://www.a.com/b/index.html建立一个cookie，那么该cookie对页面http://www.a.com/b/other.html及http://www.a.com/b/c/index.html可见，但对http://www.a.com/a/index.html不可见。但能够经过设置cookie的domain属性(cookie的域只能设置为当前的服务器的域)和path属性来改变。

有效期： 默认保存到浏览器关闭为止(*非标签页关闭),能够经过max-age属性来明确告诉浏览器cookie的有效期。

保存cookie：

function setcookie(name, vlaue, liveTime){
    var cookie = name+'='+encodeURIComponent(value);
    if(typeof liveTime === 'number'){
        cookie += ";max-age="+liveTime;
    }
    document.cookie = cookie;
}
复制代码

若是要设置cookie的path和domain属性，只需以添加max-age属性相同的形式追加在cookie值后面便可。 若是需删除一个cookie，给该cookie值赋空值，并将max-age设置为0便可。