HTML 5+仕様:Storage(アプリケーションローカルデータストアの管理)
Storageモジュールは、アプリケーションのローカルデータストアを管理し、アプリケーションデータの保存と読み取りに使用します.ローカルデータの適用とlocalStorage、sessionStorageの違いは、データ有効ドメインが異なり、前者はアプリケーション内でドメイン間で動作し、データストレージ期間は永続化され、容量制限はありません.plusを通ります.storageは、ローカルデータ管理オブジェクトを適用することができます.
1、方法
1.1.getLength:アプリケーションストアに保存されているキー値ペアの個数を取得する
var foo = plus.storage.getLength();
戻り値:Number:キー値ペアの数
例:
1.2.getItem:キー(key)で取得したアプリケーションに格納されている値を取得する
var foo = plus.storage.getItem(key);
パラメータ:key:(DOMString)必須格納キー値
戻り値:DOMString:キー(key)はアプリケーションが格納した値に対応し、保存していない場合nullを返します.
例:
1.3、setItem:キー値(key-value)対データの適用データストレージへの変更または追加
void plus.storage.setItem(key, value);
説明:設定したキーがアプリケーションデータストレージにすでに存在する場合、保存したキー値を更新します.格納されたキーと値には容量の制限はありませんが、データ量が多すぎると効率が低下し、単一のキー値データが10 Kbを超えないことをお勧めします.
パラメータ:key:(DOMString)必須格納キー値
value:(DOMString)必須格納内容
戻り値:void:なし
例:
1.4.removeItem:key値によりキー値対の格納データを削除する
void plus.storage.removeItem(key);
パラメータ:key:(DOMString)必須格納キー値
戻り値:void:なし
例:
1.5、clear:すべてのキー値を適用して保存データを消去する
void plus.storage.clear();
戻り値:void:なし
例:
1.6、key:キー値ペアで指定したインデックス値のkey値を取得する
var foo = plus.storage.key(index);
パラメータ:index:(Number)キー値を格納するインデックスは必須
戻り値:void:なし
例:
1、方法
1.1.getLength:アプリケーションストアに保存されているキー値ペアの個数を取得する
var foo = plus.storage.getLength();
戻り値:Number:キー値ペアの数
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Storage Example</title>
<script type="text/javascript">
// H5 plus
function plusReady(){
}
document.addEventListener("plusready",plusReady,false);
// Get storage item length
function storageCount() {
return plus.storage.getLength();
}
</script>
</head>
<body>
<br/>
<button onclick="storageCount()">Count</button>
</body>
</html>
1.2.getItem:キー(key)で取得したアプリケーションに格納されている値を取得する
var foo = plus.storage.getItem(key);
パラメータ:key:(DOMString)必須格納キー値
戻り値:DOMString:キー(key)はアプリケーションが格納した値に対応し、保存していない場合nullを返します.
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Storage Example</title>
<script type="text/javascript">
// H5 plus
function plusReady(){
}
document.addEventListener("plusready",plusReady,false);
// Get storage item value
function getStorage() {
return plus.storage.getItem("test");
}
</script>
</head>
<body>
<br/>
<button onclick="alert(getStorage())">Get item(test)</button>
</body>
</html>
1.3、setItem:キー値(key-value)対データの適用データストレージへの変更または追加
void plus.storage.setItem(key, value);
説明:設定したキーがアプリケーションデータストレージにすでに存在する場合、保存したキー値を更新します.格納されたキーと値には容量の制限はありませんが、データ量が多すぎると効率が低下し、単一のキー値データが10 Kbを超えないことをお勧めします.
パラメータ:key:(DOMString)必須格納キー値
value:(DOMString)必須格納内容
戻り値:void:なし
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Storage Example</title>
<script type="text/javascript">
// H5 plus
function plusReady(){
}
document.addEventListener("plusready",plusReady,false);
// Remove storage item
function setStorage() {
plus.storage.setItem("test","test with hbuilder!");
}
</script>
</head>
<body>
(key-value) <br/>
<button onclick="setStorage()">Set item(test)</button>
</body>
</html>
1.4.removeItem:key値によりキー値対の格納データを削除する
void plus.storage.removeItem(key);
パラメータ:key:(DOMString)必須格納キー値
戻り値:void:なし
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Storage Example</title>
<script type="text/javascript">
// H5 plus
function plusReady(){
}
document.addEventListener("plusready",plusReady,false);
// Remove storage item
function removeStorage() {
plus.storage.removeItem("test");
}
</script>
</head>
<body>
<br/>
<button onclick="removeStorage()">Remove item(test)</button>
</body>
</html>
1.5、clear:すべてのキー値を適用して保存データを消去する
void plus.storage.clear();
戻り値:void:なし
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Storage Example</title>
<script type="text/javascript">
// H5 plus
function plusReady(){
}
document.addEventListener("plusready",plusReady,false);
// Clear storage data
function clearStorage() {
plus.storage.clear();
}
</script>
</head>
<body>
<br/>
<button onclick="clearStorage()">Clear</button>
</body>
</html>
1.6、key:キー値ペアで指定したインデックス値のkey値を取得する
var foo = plus.storage.key(index);
パラメータ:index:(Number)キー値を格納するインデックスは必須
戻り値:void:なし
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Storage Example</title>
<script type="text/javascript">
// H5 plus
function plusReady(){
}
document.addEventListener("plusready",plusReady,false);
// Get value by index
function enumValueByIndex() {
var keyNames=[];
var values=[];
var numKeys=plus.storage.getLength();
for(var i=0; i<numKeys; i++) {
keyNames[i] = plus.storage.key(i);
values[i] = plus.storage.getItem(keyNames[i]);
}
}
</script>
</head>
<body>
key <br/>
<button onclick="enumValueByIndex()">Enum</button>
</body>
</html>