如何在脱机HTML文档中实现搜索?
我需要写一个工具,将一些聊天导出到脱机HTML文件。是否可以添加搜索支持(例如,添加一些包含搜索字段并显示搜索结果的主页如何在脱机HTML文档中实现搜索?,html,search,text,search-engine,Html,Search,Text,Search Engine,我需要写一个工具,将一些聊天导出到脱机HTML文件。是否可以添加搜索支持(例如,添加一些包含搜索字段并显示搜索结果的主页index.html)?这个问题很常见:你能为其他什么工具/框架/smth提供建议?我假设你想在浏览器中进行搜索,因为如果没有,那么grep实用程序将非常有效 您可以向每个导出的页面添加JavaScript,该页面将扫描内容并进行搜索。您还可以通过创建包含“搜索数据”和每个子页面链接的索引页面来处理多个页面,但这取决于您要搜索的文本量。在单个页面上搜索会更容易 基本工作流程将是
index.html
)?这个问题很常见:你能为其他什么工具/框架/smth提供建议?我假设你想在浏览器中进行搜索,因为如果没有,那么grep
实用程序将非常有效
您可以向每个导出的页面添加JavaScript,该页面将扫描内容并进行搜索。您还可以通过创建包含“搜索数据”和每个子页面链接的索引页面来处理多个页面,但这取决于您要搜索的文本量。在单个页面上搜索会更容易
基本工作流程将是:
- 截获搜索控件的“更改”事件(某些)
- 循环遍历数据元素(
对于表,如果使用列表,则为
,等等),并检查键入的文本是否显示在此元素的属性中
文本内容(或任何你想搜索的内容)和包含它的元素
在元素上循环时,隐藏不匹配的元素,并取消隐藏匹配的元素(例如添加或删除“筛选”类)。我将使用Javascript并构建搜索索引。看看这个(只有德语,但我想你会明白的)