如何通过不同的按钮单击将单独的字符串添加到数组中，并从数组中删除字符串？

通过不同的按钮单击将单独的字符串添加到数组中，并从数组中删除字符串的方法可以通过以下步骤实现：

创建一个空数组，用于存储字符串。
在页面上创建多个按钮，并为每个按钮绑定一个点击事件。
在每个按钮的点击事件处理函数中，获取要添加的字符串。
将获取到的字符串添加到数组中，可以使用数组的push方法。
如果需要删除字符串，可以使用数组的splice方法，传入要删除的字符串在数组中的索引位置。
更新页面上展示数组内容的部分，可以使用DOM操作将数组内容展示在页面上。

以下是一个示例代码，演示了如何通过按钮单击将字符串添加到数组中，并从数组中删除字符串：

<!DOCTYPE html>
<html>
<head>
  <title>字符串数组操作示例</title>
</head>
<body>
  <button id="addButton1">添加字符串1</button>
  <button id="addButton2">添加字符串2</button>
  <button id="deleteButton">删除字符串</button>
  <div id="arrayContent"></div>

  <script>
    // 创建空数组
    var stringArray = [];

    // 获取按钮元素
    var addButton1 = document.getElementById('addButton1');
    var addButton2 = document.getElementById('addButton2');
    var deleteButton = document.getElementById('deleteButton');
    var arrayContent = document.getElementById('arrayContent');

    // 绑定点击事件处理函数
    addButton1.addEventListener('click', function() {
      // 添加字符串到数组
      stringArray.push('字符串1');
      // 更新页面展示
      updateArrayContent();
    });

    addButton2.addEventListener('click', function() {
      // 添加字符串到数组
      stringArray.push('字符串2');
      // 更新页面展示
      updateArrayContent();
    });

    deleteButton.addEventListener('click', function() {
      // 删除数组中的字符串
      stringArray.splice(0, 1); // 这里删除的是数组中的第一个字符串，可以根据实际需求修改
      // 更新页面展示
      updateArrayContent();
    });

    // 更新页面展示数组内容的函数
    function updateArrayContent() {
      // 清空展示区域
      arrayContent.innerHTML = '';
      // 遍历数组，创建展示元素
      for (var i = 0; i < stringArray.length; i++) {
        var item = document.createElement('p');
        item.textContent = stringArray[i];
        arrayContent.appendChild(item);
      }
    }
  </script>
</body>
</html>

这个示例中，点击"添加字符串1"按钮会将字符串1添加到数组中，点击"添加字符串2"按钮会将字符串2添加到数组中，点击"删除字符串"按钮会删除数组中的第一个字符串。页面上的<div id="arrayContent"></div>用于展示数组内容，每次操作后会更新展示内容。

请注意，这个示例只是演示了如何通过按钮单击将字符串添加到数组中，并从数组中删除字符串，实际应用中可能需要根据具体需求进行修改和扩展。