HTML5存储数据----sessionStorage保存与读取临时数据
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用sessionStorage保存与读取临时数据</title>
</head>
<body>
<fieldset>
<input type="text" name="txt" id="txt" onChange="txt_Change(this)" size="30px">
<input type="button" name="btn" onClick="btn_Click()" value="读取">
<p id="pid"></p>
</fieldset>
</body>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function txt_Change(v){
var txtName = v.value;
//保存数据
sessionStorage.setItem("txtName",txtName);
$("pid").style.display="block";
//获取数据
$("pid").innerHTML = sessionStorage.getItem("txtName");
}
function btn_Click(){
$("pid").style.display="block";
$("pid").innerHTML = sessionStorage.getItem("txtName");
}
</script>
</html>
声明：该文观点仅代表作者本人，牛骨文系教育信息发布平台，牛骨文仅提供信息存储空间服务。
- 上一篇： 简单的storage封装
- 下一篇： 一个php简单的框架实现，仅实现了简单路由层
