h5 本地存储

最新推荐文章于 2021-11-18 19:51:52 发布

X W F

最新推荐文章于 2021-11-18 19:51:52 发布

阅读量171

点赞数 1

分类专栏： H5

本文链接：https://blog.csdn.net/weixin_46399258/article/details/107889744

版权

H5 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

Storage模块管理应用本地数据存储区，用于应用数据的保存和读取。应用本地数据与localStorage、sessionStorage的区别在于数据有效域不同，前者可在应用内跨域操作，数据存储期是持久化的，并且没有容量限制。通过plus.storage可获取应用本地数据管理对象。
方法：
• getLength: 获取应用存储区中保存的键值对的个数
• getItem: 通过键(key)检索获取应用存储的值
• setItem: 修改或添加键值(key-value)对数据到应用数据存储中
• removeItem: 通过key值删除键值对存储的数据
• clear: 清除应用所有的键值对存储数据
• key: 获取键值对中指定索引值的key值
权限：
5+功能模块（permissions）

{
// ...
"permissions":{
	// ...
	"Storage": {
		"description": "本地存储，访问应用本地存储数据"
	}
}
}
			
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>

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>

setItem
修改或添加键值(key-value)对数据到应用数据存储中

void plus.storage.setItem(key, value);

说明：
如果设置的键在应用数据存储中已经存在，更新存储的键值。存储的键和值没有容量限制，但过多的数据量会导致效率降低，建议单个键值数据不要超过10Kb。
参数：
• 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>

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>
				
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>

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>

X W F

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
h5 本地存储

Storage模块管理应用本地数据存储区，用于应用数据的保存和读取。应用本地数据与localStorage、sessionStorage的区别在于数据有效域不同，前者可在应用内跨域操作，数据存储期是持久化的，并且没有容量限制。通过plus.storage可获取应用本地数据管理对象。方法：• getLength: 获取应用存储区中保存的键值对的个数• getItem: 通过键(key)检索获取应用存储的值• setItem: 修改或添加键值(key-value)对数据到应用数据存储中• remove
复制链接

扫一扫