浏览器端的存储技术有哪些

       常用的浏览器端存储技术有哪些？这个问题不管是在笔试还是面试中都经常会遇见，我以前也搞得不是很清楚，

所以打算记录下来，给自己加深印象。在浏览器端保存一些数据的好处是，当再次访问该页面时，就不需要向服务器

请求。可以从浏览器端直接读取。

       常用的有以下几种：

1.cookie

cookie的特点是会随着HTTP请求头信息一起发送，能存储的数据容量有限，不同浏览器cookie大小不一样，一般为

4kb，而IE6大约只有2K。

cookie的常用三种方法

（1）设置cookie

function setcookie(name,value){

var date = new Date();

date.setDate(date.getDate()+1);

document.cookie= name + "=" + escape(value) +

";expire="+ date.toGMTString();

console.log(document.cookie);

}

setcookie("wenhao","shuaige");

（2）读取cookie

function readcookie(name){

if(document.cookie){

var start = document.cookie.indexOf(name+"=");

if(start != -1)

var end = document.cookie.indexOf(";",start+name.length);

if(end != -1)

var str = document.cookie.substring(start+name.length+1,end);

console.log(str);

}

}

readcookie(“wenhao”);

（3）删除cookie

function delCookie(){

var data = new Date();

date.setTime(data.getTime()-1);

document.cookie= name + “=” + val + “;expire=” + date.toGMTString();

}

2.userData

userData只能在IE浏览器来存储数据，容量可以达到640K。

3.sessionStorage

临时存储，只支持一些高版本的浏览器（ie不支持），用这种方式存储的数据仅窗口级别有效，当新开窗口或者关闭页面时，原来的数据就失效了。

4.globalStorage

只支持高版本的浏览器，类似于IE的userData。

常用的操作globalStorage方法：

1.赋值 

globalStorage[location.hostname]['name'] = '111';

2.读取

globalStorage[location.hostname]['name'];

3.删除

globalStorage[location.hostname].removeItem('name');

5.Flash ShareObject

需要在页面中插入一个Flash插件（我没有用过，应该是需要引入外部文件），而且能够跨浏览器。

6.Google Gear

Google开发出的一种本地存储技术，需要安装Gear组件才能使用。

6.localStorage

localStorage是Web Storage互联网存储规范中的一部分，大部分浏览器都能支持。

总结：虽然我在网上找到了六种方法，但是自己用过的只有少数的几种，所以知道了这些存储方法，还是得花时间

去研究怎么使用它们，有些东西你知道，但是实际的写出来又是另一回事，比如我知道闭包就是函数中又定义函数，

但是总感觉这么说有点别扭，但是你知道这些东西，面试成功的可能性就大了很多，所以还是懂的多一些的好，希望

我和所有没有找到工作的前端小伙伴们都能早日拿到offer。