16-1 WEB存储基本操作 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5</title>

<script type="text/javascript">

	var index = 1;

	function add() {
		localStorage.setItem('key' + index,'hello,html5');
		index ++;	
		alert('增加成功！');
	}
	
	function update() {
		localStorage.setItem('key1','你好，HTML5');	
		alert('更新成功！');
	}
	
	function del() {
		localStorage.removeItem('key1');	
		alert('删除成功！');
	}
	
	function query() {
		alert(localStorage.getItem('key1'));	
	}
	
	function clearAll() {
		alert('清除了' + localStorage.length + '个元素');
		localStorage.clear();	
	}
	
	function queryByIndex() {
		alert('下标为0的key：' + localStorage.key(0));
	}
</script>

</head>

<body>

<input type="button" value="增加" onClick="add();">
<input type="button" value="修改" onClick="update();">
<input type="button" value="删除" onClick="del();">
<input type="button" value="查询" onClick="query();">
<input type="button" value="清除全部" onClick="clearAll();">
<input type="button" value="获得key" onClick="queryByIndex();">

</body>
</html>

　　

posted @ 2017-06-25 16:34  奋斗的少年WH  阅读(135)  评论(0)    收藏  举报