JavaScript搜索词条脚本

JavaScript 搜索词条脚本通常是指使用 JavaScript 编写的用于在网页上实现搜索功能的程序片段。这种脚本通常会在用户输入关键词后，遍历页面内容（如元素的文本、属性等），查找包含该关键词的内容并高亮显示出来。常见的做法是利用 `querySelectorAll` 或者 `Array.prototype.filter` 等方法配合正则表达式来完成搜索。

以下是一个简单的示例：

function searchElement(searchTerm) {
  const elements = document.querySelectorAll('.searchable'); // 可搜索的元素集合
  elements.forEach(element => {
    if (element.textContent.includes(searchTerm)) { // 检查元素内容是否包含关键词
      element.classList.add('found'); // 高亮显示找到的结果
    } else {
      element.classList.remove('found'); // 如果没找到，移除高亮
    }
  });
}

// 用户触发搜索事件（例如点击搜索按钮）
document.getElementById('searchButton').addEventListener('click', () => {
  const searchTerm = document.getElementById('searchInput').value; // 获取用户输入
  searchElement(searchTerm);
});