在界面中用脚本生成如下形式的信息表，表格中内容自行设计，以数组或集合的形式存储表格数据，操作栏内提供删除信息和修改信息的超链接

在Web前端开发中，特别是使用JavaScript以及HTML结合框架如Vue.js、React或Angular等时，可以创建这样的动态信息表。首先，你需要设计一个基础的HTML结构，包含表格（table）、行（tr）、列（td），并为操作栏添加删除和修改按钮的链接。

<table id="infoTable">
  <thead>
    <tr>
      <!-- 表头列 -->
      <th>标题1</th>
      <th>标题2</th>
      <!-- 更多列... -->
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

<a href="#" class="delete-link">删除</a>
<a href="#" class="edit-link">编辑</a>

接下来，你可以通过JavaScript或jQuery来动态填充表格数据，并绑定事件处理函数到操作链接上：

let data = [
  // 自定义的表格数据，例如:
  {
    title1: '数据1',
    title2: '数据2',
    // 更多字段...
    id: 1, // 假设每个条目都有唯一id用于操作
  },
  // 添加更多数据...
];

// 填充表格
function populateTable() {
  const tbody = document.querySelector('#infoTable tbody');
  data.forEach(item => {
    const row = `<tr><td>${item.title1}</td><td>${item.title2}</td><td><a href="#delete-${item.id}" class="delete-link">删除</a> | <a href="#edit-${item.id}" class="edit-link">编辑</a></td></tr>`;
    tbody.innerHTML += row;
  });
}

// 绑定删除和编辑事件
document.querySelectorAll('.delete-link, .edit-link').forEach(link => {
  link.addEventListener('click', (event) => {
    event.preventDefault(); // 阻止默认行为，防止跳转
    const itemId = event.target.getAttribute('href').split('-')[1]; // 获取id
    // 进行删除或打开编辑页面的操作，这里仅做示例
    console.log(`点击了删除链接，id: ${itemId}`);
    console.log(`点击了编辑链接，id: ${itemId}`);
  });
});

populateTable();

这只是一个基本示例，实际应用中可能需要后端API支持，还要考虑更复杂的错误处理和用户交互体验。记得在CSS中为链接样式添加适当的样式。