Question

是否有一种简单的方法可以使用 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/

Answer 1

由于本地存储是Object，您可以浏览所有密钥并以简单的方式获取值

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);

Answer 2

如果您正在使用Chrome，请按F12查看开发人员工具。

在控制台中输入localStorage并按Enter键。

或者在您的js代码中放置console.log(localStorage);。

在控制台中，点击以Storage开头的行旁边的小三角形。

或者在Dev Tools中：

点击顶部的Resources标签
点击左侧框架中Local Storage旁边的小三角形

js / html5显示本地存储

2 个答案: