<head>
<meta charset="utf-8">
<title>HTML5 本地存储</title>
<script type="text/javascript">
function $(id){return document.getElementById(id);}
function savesessionStorage(id){sessionStorage.setItem('message',$(id).value);}
function loadsessionStorage(id){$(id).innerHTML=sessionStorage.getItem("message");}
function savelocalStorage(id){localStorage.setItem('message',$(id).value);}
function loadlocalStorage(id){$(id).innerHTML=localStorage.getItem("message");}
</script>
</head>
<body>
<div>
<h2>sessionStorage 存储</h2>
<p id="sessionMsg"></p>
<input type="text" id="sessionInput"/>
<input type="button" value="保存数据" οnclick="savesessionStorage('sessionInput');"/>
<input type="button" value="读取数据" οnclick="loadsessionStorage('sessionMsg');"/>
<br/>
<h2>localStorage 存储</h2>
<p id="localMsg"></p>
<input type="text" id="localInput"/>
<input type="button" value="保存数据" οnclick="savelocalStorage('localInput');"/>
<input type="button" value="读取数据" οnclick="loadlocalStorage('localMsg');"/>
</div>
</body>