アットウィキロゴ

web storage3

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset=utf-8>
<script type="text/javascript" src="db2.js"></script> 
<title>db3</title>
</head>
<body>
<p>
<input id="key" type="text">
<input id="value" type="text">
<input type="button" value="入力" onClick="setx()">
</p>
<p>
<div id="sr"></div>
<input type="button" value="消去" onClick="clea()">
</p>
</body>
</html>
 
 
var stp = sessionStorage;
 
 
function setx() {
  var k = document.getElementById("key").value;
  var v = document.getElementById("value").value;
  stp.setItem(k,v);
  showresult();
}
 
function clea() {
  stp.clear();
  showresult();
}
 
 
function showresult() {
  var str = "";
  for(var i=0; i<stp.length; i++){
    var kmx = stp.key(i);
    str =str+ kmx + "+" + stp.getItem(kmx) + "<br>";
  }
 
  document.getElementById("sr").innerHTML = str;
}
最終更新:2013年09月27日 07:43