如何在按下按钮时将数组显示为HTML页的表？

要实现将数组显示为HTML页的表，可以通过以下步骤来完成：

创建一个HTML页面，可以使用HTML标记语言和CSS样式来设计表格的外观。
在HTML页面中添加一个按钮，可以使用<button>标签，并为其添加一个唯一的ID，例如"btn-display"。
在JavaScript中，使用document.getElementById()方法获取按钮元素，并为其添加一个点击事件监听器。
在点击事件监听器中，创建一个空的HTML表格元素，可以使用document.createElement()方法创建<table>元素。
遍历数组，可以使用for循环或forEach()方法，将数组中的每个元素创建为表格的行和单元格，并将其添加到表格中。
将表格添加到HTML页面中的适当位置，可以使用appendChild()方法将表格元素添加到页面中的某个容器元素中。
最后，当按钮被点击时，数组将被转换为HTML表格并显示在页面上。

以下是一个示例代码：

HTML部分：

<!DOCTYPE html>
<html>
<head>
  <title>Array to HTML Table</title>
  <style>
    table {
      border-collapse: collapse;
      width: 100%;
    }
    th, td {
      border: 1px solid black;
      padding: 8px;
      text-align: left;
    }
  </style>
</head>
<body>
  <button id="btn-display">Display Array as Table</button>
  <div id="table-container"></div>

  <script src="script.js"></script>
</body>
</html>

JavaScript部分（script.js）：

// 示例数组
var array = [
  { name: "John", age: 30, city: "New York" },
  { name: "Jane", age: 25, city: "London" },
  { name: "Bob", age: 35, city: "Paris" }
];

// 获取按钮元素
var btnDisplay = document.getElementById("btn-display");

// 添加点击事件监听器
btnDisplay.addEventListener("click", function() {
  // 创建表格元素
  var table = document.createElement("table");

  // 创建表头
  var thead = document.createElement("thead");
  var headerRow = document.createElement("tr");
  Object.keys(array[0]).forEach(function(key) {
    var th = document.createElement("th");
    th.textContent = key;
    headerRow.appendChild(th);
  });
  thead.appendChild(headerRow);
  table.appendChild(thead);

  // 创建表格内容
  var tbody = document.createElement("tbody");
  array.forEach(function(item) {
    var row = document.createElement("tr");
    Object.values(item).forEach(function(value) {
      var td = document.createElement("td");
      td.textContent = value;
      row.appendChild(td);
    });
    tbody.appendChild(row);
  });
  table.appendChild(tbody);

  // 将表格添加到页面中
  var tableContainer = document.getElementById("table-container");
  tableContainer.innerHTML = "";
  tableContainer.appendChild(table);
});

这样，当按钮被点击时，数组将被转换为HTML表格并显示在页面上。你可以根据需要修改数组的内容和样式来适应你的实际情况。

请注意，以上示例代码中没有提及任何特定的云计算品牌商或产品。如果你需要在云计算环境中部署和运行这个应用程序，你可以考虑使用腾讯云的云服务器（CVM）来托管你的网站，并使用腾讯云对象存储（COS）来存储HTML页面和JavaScript文件。具体的产品介绍和链接地址可以参考腾讯云的官方文档。