Javascript js/html5显示本地存储

是否有一种使用document.write或document.innerHTML方法显示本地存储的简单方法？它存储在一个页面上，试图在单独的页面上显示。我是js新手，只是不确定如何使用存储方式构建这些方法的语法（如果可能的话）

---

如果有帮助的话，这里是全部内容：

由于本地存储是对象，您可以通过所有it键以简单的方式获取值

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
开头的行旁边的小三角形

或在开发工具中：

单击顶部的
Resources
选项卡
单击左侧框架中
本地存储
旁边的小三角形
这是将本地存储打印到页面还是仅在控制台中？@user2912336，您可以按任何方式打印
localstorage[key]
。例如
$（'.someclass'）.html（localStorage['key_name']）
或
document.write（localStorage['blahblah']）
。如果这些键等是在单独的页面上定义的呢？设置在哪个页面上并不重要。Localstorage是一个域中所有页面的一个存储。您是否获得eny erorrs is控制台？
var output = ''; 

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

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