HTML5儲存資料----sessionStorage儲存與讀取臨時資料
阿新 • • 發佈：2019-01-09
<!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>