瀏覽器端的存儲技術有哪些

       常用的瀏覽器端存儲技術有哪些？這個問題不管是在筆試還是面試中都經常會遇見，我以前也搞得不是很清楚，

所以打算記錄下來，給自己加深印象。在瀏覽器端保存一些數據的好處是，當再次訪問該頁面時，就不需要向服務器

請求。可以從瀏覽器端直接讀取。

       常用的有以下幾種：

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。