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

2021-07-25 04:20:35 字數 1872 閱讀 4908

常用的瀏覽器端儲存技術有哪些?這個問題不管是在筆試還是面試中都經常會遇見,我

以前也搞得不是很清楚,

所以打算記錄下來,給自己加深印象。

在瀏覽器端儲存一些資料的好處是,當再次訪問該頁面時,就不需要向伺服器

請求。可

以從瀏覽器端直接讀取。

常用的有以下幾種:

1.cookie

cookie的特點是會隨著http請求頭資訊一起傳送,能儲存的資料容量有限,不同瀏覽器cookie大小不一樣,一般為

4kb,而ie6大約只有2k。

cookie

的常用三種方法

1

)設定cookie

function setcookie(name,value)

setcookie("wenhao","shuaige");

2

)讀取cookie

function readcookie(name)

}

readcookie(「wenhao」);

3

刪除

cookie

function delcookie()

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。

瀏覽器端資料儲存

有時需要將網頁中的一些資料儲存在瀏覽器端,這樣做的好處是,當下次訪問頁面時,不需要再次向伺服器請求資料,直接就可以從本地讀取資料。目前常用的有以下幾種方法 cookie會隨著每次http請求頭資訊一起傳送,無形中增加了網路流量,另外,cookie能儲存的資料容量有限,根據瀏覽器型別不同而不同,ie6...

好用的瀏覽器主頁有哪些?

瀏覽器主頁由於有個 就能用,越來越受到年輕人的喜愛,而且瀏覽器主頁非常的方便,我為什麼說方便呢?舉個例子哈,當我們在外邊用電腦時,發現電腦自帶的瀏覽器完全不符合自己的使用習慣,沒有自己收藏的 沒有自己的書籤這些都是非常不方便的,但是如果你習慣使用瀏覽器主頁並且註冊了自己的賬號,你所收藏的 建立的書籤...

瀏覽器常見的狀態碼有哪些

200 伺服器已成功處理了請求 201 請求成功且伺服器已建立了新的資源 202 伺服器已接受了請求,但尚未對其進行處理 203 伺服器已成功處理了請求,但返回了可能來自另一 的資訊 204 伺服器成功處理了請求,但未返回任何內容 205 伺服器成功處理了請求,但未返回任何內容 與204響應不同,此...