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 回答