js/html5显示本地存储

有没有简单的方法来显示我的本地存储与document.write或document.innerHTML方法？它存储在1页上，试图单独显示。我是js的新手，只是不确定如何构建这些方法的语法以及如何存储它（如果可能）。js/html5显示本地存储

$('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/

来源

2013-10-29 user1

由于本地存储对象，你可以走线槽所有它的密钥并获得价值在简单的方式

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

要打印到如果您使用Chrome，p

var output = ''; 

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

$('#DivToPrintOut').html(output);

来源

2013-10-29 19:29:45 paka

框架确实本刊localStorage的到页面或只是在控制台？ – user1

@ user2912336，你可以任何你想要的方式打印'localStorage [key]'。例如'$（'。someclass'）。html（localStorage ['key_name']）''或'document.write（localStorage ['blahblah']）''。 – Arantir

@Arantir感谢您的更正 – paka

：屏幕就可以使用这样的事情为开发者工具提供F12。

在控制台输入localStorage并按回车。

或者在你的js代码里放console.log(localStorage);。

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

或者在开发工具：

点击顶部
点击小三角Resources标签旁边Local Storage在左侧

来源

2015-07-08 02:37:21

js/html5显示本地存储

回答

相关问题