H5的瀏覽器存儲(chǔ)有哪些?

H5的瀏覽器存儲(chǔ)有以下6種，我們分別來(lái)介紹。

1、cookie

這個(gè)存儲(chǔ)用了很久了，而且也是以前大多網(wǎng)站十分喜歡的存儲(chǔ)站點(diǎn)。但是也很容易被清除。同時(shí)cookie會(huì)在每一次通信過(guò)程中傳向服務(wù)端。同時(shí)cookie有一個(gè)很好的地方就是，它本身有一個(gè)過(guò)期時(shí)間屬性，可以用來(lái)標(biāo)注一個(gè)變量的有效期。而cookie一旦過(guò)期就會(huì)被自動(dòng)刪除掉。

2、localStorage、sessionStorage

·localStorage: 持久存儲(chǔ)，只要用戶不主動(dòng)刪除就會(huì)一直存在。

·sessionStorage：面向session的瀏覽器存儲(chǔ)，因此只存在于一個(gè)頁(yè)面的生命周期內(nèi)，關(guān)閉即清除兩者均采用鍵值對(duì)的形式存儲(chǔ)數(shù)據(jù)。

3、indexedDB

內(nèi)嵌在瀏覽器端的非關(guān)系型數(shù)據(jù)庫(kù)，數(shù)據(jù)以鍵值對(duì)的形式存儲(chǔ)，兼容性良好indexDB直接操作的存儲(chǔ)對(duì)象是ObjectStore，這有點(diǎn)類似其他數(shù)據(jù)庫(kù)中table概念。

4、websql

內(nèi)嵌在瀏覽器的關(guān)系型數(shù)據(jù)庫(kù)，前端可以像在使用mysql、Oracle一樣的寫sql語(yǔ)句， 并存儲(chǔ)信息。兼容性良好。存儲(chǔ)后可在瀏覽器resource中查看。

5、window變量

生命周期有限，一般大家也不會(huì)去使用。但是對(duì)于全局變量的臨時(shí)存儲(chǔ)來(lái)說(shuō)，還是一個(gè)不可多得的好地方。

6、flash cookie

flash cookie現(xiàn)在用的地方比較多。

猜你喜歡：

Doctype的作用，H5 為什么只需要寫DOCTYPE HTML？

header標(biāo)簽的作用：H5中header標(biāo)簽的用法

H5 nav元素的作用？nav元素一般用于哪些場(chǎng)合？

六大H5常用結(jié)構(gòu)元素

傳智教育HTML&JS+前端培訓(xùn)課程