1.设置html按钮标签
<button id="set">设置storage</button>
<button id='get'>获取storage</button>
<button id='remove'>删除单个storage</button>
<button id='getByKey'>索引获取storage</button>
<button id='length'>获取长度</button>
<button id="clear">清空storage</button>
2. localStorage.setItem(key,value) 存储storage
document.getElementById('set').onclick=function(){
localStorage.setItem('name','xxx');
localStorage.setItem('age',18);
}
3.localStorage.getItem(key) 读取storage
document.getElementById('get').onclick=function(){
alert(localStorage.getItem('name')+localStorage.getItem('age'));
}
4.localstorage.removeItem(key) 根据key删除storage
document.getElementById('remove').onclick=function(){
localStorage.removeItem('name');
}
5.localStorage.key(index) 获取索引的key值
document.getElementById('getByKey').onclick=function(){
alert(localStorage.key(0))
}
6. localstorage.length 获取
document.getElementById('length').onclick=function(){
alert(localStorage.length);
}
7.localstorage.clear() 清空storage
document.getElementById('clear').onclick=function(){
localStorage.clear();
}