如何在创建时在html中显示本地存储中的数据

在HTML中显示本地存储中的数据，可以通过以下步骤实现：

使用Web Storage API（localStorage或sessionStorage）来在本地存储数据。Web Storage API提供了一种在浏览器中存储和检索数据的方式。
在JavaScript中，使用localStorage.setItem(key, value)方法将数据存储到本地存储中。其中，key是数据的键名，value是要存储的数据。
在HTML中，使用<script>标签将JavaScript代码嵌入到页面中。可以将JavaScript代码放置在<head>或<body>部分。
使用JavaScript的localStorage.getItem(key)方法来获取存储在本地的数据。其中，key是要检索的数据的键名。
在HTML中，使用DOM操作将获取到的数据显示在页面上。可以使用document.getElementById()或其他DOM选择器获取需要显示数据的元素，并使用innerHTML或innerText属性将数据插入到元素中。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>显示本地存储中的数据</title>
</head>
<body>
  <div id="dataContainer"></div>

  <script>
    // 存储数据到本地存储
    localStorage.setItem('name', 'John Doe');
    localStorage.setItem('age', '25');

    // 获取本地存储中的数据
    var name = localStorage.getItem('name');
    var age = localStorage.getItem('age');

    // 在页面上显示数据
    var dataContainer = document.getElementById('dataContainer');
    dataContainer.innerHTML = 'Name: ' + name + '<br>Age: ' + age;
  </script>
</body>
</html>

在上述示例中，我们使用localStorage.setItem()方法将名为'name'和'age'的数据存储到本地。然后使用localStorage.getItem()方法获取这些数据，并将其显示在页面上的<div>元素中。

请注意，此示例中只使用了纯HTML和JavaScript来实现在页面中显示本地存储数据的功能，没有涉及到任何特定的云计算服务或产品。