sessonStorageとは保存される期間が異なります。クライアント側で明示的に削除されるまで永遠に保存されます。
SAMPLE
localStorageとsessionStorageのAPIはほぼ同じです。
<script type="text/javascript">
window.onload = function(){
document.getElementById('save').onclick = saving;
document.getElementById('clear').onclick = clear;
var textArea = document.getElementsByName('testTextarea')[0];
var value = localStorage.getItem('testTextarea');
if(value){
textArea.value = value;
}
}
function saving(){
var textArea = document.getElementsByName('testTextarea')[0];
localStorage.setItem('testTextarea',textArea.value);
}
function clear(){
var textArea = document.getElementsByName('testTextarea')[0];
textArea.value = '';
localStorage.removeItem('testTextarea');
}
</script>
1,データを保存しています。
2.データを取得しています。
3.データを削除しています。
その他API
localStorage.length 保存しているデータ数を取得
localStorage.clear() データ全削除
localStorage.key(index) キーを取得。indexには数値が入る。
PR