4

document.writeまたはdocument.innerHTMLメソッドを使用してローカル ストレージを表示する簡単な方法はありますか? 1 ページに格納されており、別々に表示しようとしています。私はjsが初めてで、それらのメソッドの構文をどのように保存するか（可能な場合）を使用して構築する方法がわからないだけです。

 $('form').submit(function() {
    var person = $("#FirstName").val() + "." + $('#LastName').val();
 $('input, select, textarea').each(function() {
    var value = $(this).val(),
       name = $(this).attr('name');
       localStorage[person + "." + name] = value;
       window.location.href = "Confirmation.html";
    console.log('stored key: '+name+' stored value: '+value);
});   
});

それが役立つ場合は全体をここに示します：http://jsfiddle.net/EUWFN/

4

2 に答える 2

13

ローカル ストレージはオブジェクトであるため、すべてのキーを調べて、簡単な方法で値を取得できます。

for (var key in localStorage) {
  console.log(key + ':' + localStorage[key]);
}

画面に印刷するには、次のようなものを使用できます。

var output = ''; 

for (var key in localStorage) {
  output = output+(key + ':' +localStorage[key])+'\n';
}

$('#DivToPrintOut').html(output);
于 2013-10-29T19:29:45.393 に答える
1

Chrome を使用している場合は、F12 キーを押して開発者ツールを表示します。

コンソールタイプlocalStorageでEnterキーを押します。

または、js コードにconsole.log(localStorage);.

コンソールで、 で始まる行の横にある小さな三角形をクリックしますStorage。

または開発ツールで:

  1. Resources上部のタブをクリックします
  2. Local Storage左側のフレームの横にある小さな三角形をクリックします
于 2015-07-08T02:37:21.740 に答える