H5本地儲存 indexedDB資料庫(一)

2021-08-08 02:30:48 字數 914 閱讀 4435

h5中新增一種資料庫,叫做indexeddb資料庫,儲存在客戶端,且為nosql資料庫。

支援chrome11+,firefox4+,opera18+以及safari8+。

1如何連線indexeddb資料庫

首先要對資料庫,資料庫使用的事務,idbkeyrange物件以及游標物件進行預定義。

window.indexeddb=window.indexeddb || window.webkitindexeddb||

window.mozindexeddb||window.msindexeddb;

window.idbtransaction=window.idbtransaction||window.webkitidbtransaction||window.msidbtransaction;

window.idbkeyrange=window.idbkeyrange||window.webkitidbkeyrange||window.msidbkeyrange;

window.idbcursor=window.idbcursor||window.webkitidbcursor||window.msidbcursor;

要使用這個資料庫,就和用其他sql資料庫一樣,先要連線他。

2資料庫版本更新

我們連線好資料庫之後,還不能對資料庫進行操作,沒有物件倉庫,也沒有索引。

在indexeddb中,對資料的操作都在事務中執行。分為三種,唯讀事務,讀寫事務,版本更新事務。

而建立物件倉庫和索引,只能從版本更新事務裡執行,indexeddb不允許資料倉儲,也就是表在同一版本中發生變化。當我們新建乙個或者刪除乙個物件倉庫時,要用新的版本號來更新資料庫版本,避免重複修改資料庫結構。

h5本地儲存

web storage分為兩種 sessionstorage localstorage 從字面意思就可以很清楚的看出來,sessionstorage將資料儲存在session中,瀏覽器關閉也就沒了 而localstorage則一直將資料儲存在客戶端本地 儲存資料 localstorage.setit...

h5 本地儲存

h5為了規範 以前就是cookies,session localstorage 1.永久生效 除非手動刪除掉 2.多視窗共享 3.容量大約20m window.localstorage.setitem key,value 設定內容 window.localstorage.getitem key 獲取...

H5本地儲存

本地儲存分兩種 他們的用法一樣,儲存大小在5m左右 儲存 setitem 儲存value localstorage.setitem name value 儲存json資料 localstorage.setitem name json stringify value 獲取資料 getitem loca...