使用JavaScript过滤基于URL预先填充的HTML表中的三列

，可以通过以下步骤完成：

获取表格对象：使用JavaScript的DOM方法，如document.getElementById()或document.querySelector()，获取到HTML中的表格对象。
获取表格的所有行：使用表格对象的rows属性或getElementsByTagName()方法，获取到表格中的所有行。
迭代行并过滤数据：使用循环遍历每一行，并根据URL预先填充的内容进行过滤。可以通过以下步骤进行过滤：
- 获取需要过滤的列的索引：根据题目要求，需要过滤的列是表格中的三列。可以使用cells属性或getElementsByTagName()方法获取每一行中的所有单元格，并找到需要过滤的三列的索引。
- 检查每一行的数据：使用单元格的innerHTML属性获取单元格中的内容，并使用JavaScript的字符串处理方法，如indexOf()或正则表达式，检查URL预先填充的内容是否满足过滤条件。
- 显示或隐藏行：对于满足过滤条件的行，可以设置其display属性为table-row以显示行，或设置为none以隐藏行。
- 完成过滤：根据题目要求，可能需要在用户输入时实时进行过滤，可以在输入框的oninput事件中触发过滤操作，或者在按钮点击事件中进行过滤。

以下是一个示例代码，实现了基于URL预先填充的HTML表中三列的过滤：

// 获取表格对象
var table = document.getElementById("tableId");

// 获取需要过滤的列的索引
var columnIndices = [1, 3, 5]; // 假设需要过滤的列分别是第2、4、6列

// 过滤函数
function filterTable() {
  var filter = document.getElementById("filterInput").value.toLowerCase(); // 获取用户输入的过滤条件

  // 遍历表格的每一行
  for (var i = 0; i < table.rows.length; i++) {
    var row = table.rows[i];
    var display = false; // 是否显示行

    // 检查需要过滤的列的内容
    for (var j = 0; j < columnIndices.length; j++) {
      var cell = row.cells[columnIndices[j]];
      var content = cell.innerHTML.toLowerCase(); // 获取单元格中的内容

      // 判断内容是否包含过滤条件
      if (content.indexOf(filter) > -1) {
        display = true; // 显示行
        break;
      }
    }

    // 设置行的显示或隐藏
    row.style.display = display ? "table-row" : "none";
  }
}

// 监听输入框的输入事件，实时进行过滤
document.getElementById("filterInput").addEventListener("input", filterTable);

在以上示例代码中，使用了一个输入框（id为filterInput）作为用户输入过滤条件的地方，并在输入框的input事件中调用filterTable函数进行过滤操作。可以根据实际需求进行相应的DOM元素选择和事件处理的修改。

希望这个答案能够满足您的需求，如果有其他问题，请随时提问。