[英]js/html5 Displaying local storage
有没有一种简单的方法来显示我的本地存储与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/
由于本地存储是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);
如果您使用的是Chrome,请按F12查看开发人员工具。
在控制台中键入localStorage
并按Enter键。
或者在你的js代码中输入console.log(localStorage);
。
在控制台中,单击以Storage
开头的行旁边的小三角形。
或者在Dev Tools中:
Resources
选项卡 Local Storage
旁边的小三角形
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.