<html><head></head><body>
<div id="show">
</div>
<button onclick="save()">存值</button>
<button onclick="get()">取值</button>
<button onclick="remove()">删除</button>
<button onclick="clearAll()">清空</button>
<p>
sessionStorage和localStorage只能存字符串
</p>
<script>
var show = document.getElementById("show");
var fff = {
a: 'aaa',
b:'bbb'
}
function save(){
window.localStorage.setItem("saveData","value123");
console.log("存储成功");
window.localStorage.setItem("saveData2",'{"value":"aaa"}');
window.localStorage.setItem("savePar",JSON.stringify(fff));
window.localStorage.person = JSON.stringify(fff);
console.log('all is ok');
}
function get(){
var local = window.localStorage.getItem("saveData");
show.innerHTML += local;
var local2 = window.localStorage.saveData;
show.innerHTML += '---' + local2;
show.innerHTML += window.localStorage.saveData2;
show.innerHTML += window.localStorage.savePar;
console.log(JSON.parse(window.localStorage.saveData2).value,JSON.parse(window.localStorage.savePar),JSON.parse(window.localStorage.person));
}
function remove(){
window.localStorage.removeItem("saveData");
}
function clearAll(){
localStorage.clear();
}
</script>
</body></html>
