アットウィキロゴ

web storage4

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