本文详细介绍了HTML5中sessionStorage和localStorage的使用方法，通过示例代码展示了如何保存和读取数据，为前端开发者提供了实践指导。
<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="保存数据" onclick="savesessionStorage('sessionInput');"/>
<input type="button" value="读取数据" onclick="loadsessionStorage('sessionMsg');"/>
<br/>
<h2>localStorage 存储</h2>
<p id="localMsg"></p>
<input type="text" id="localInput"/>
<input type="button" value="保存数据" onclick="savelocalStorage('localInput');"/>
<input type="button" value="读取数据" onclick="loadlocalStorage('localMsg');"/>
</div>
</body>
扫一扫
1619
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
