Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在脱机HTML文档中实现搜索?_Html_Search_Text_Search Engine - Fatal编程技术网

如何在脱机HTML文档中实现搜索?

如何在脱机HTML文档中实现搜索?,html,search,text,search-engine,Html,Search,Text,Search Engine,我需要写一个工具,将一些聊天导出到脱机HTML文件。是否可以添加搜索支持(例如,添加一些包含搜索字段并显示搜索结果的主页index.html)?这个问题很常见:你能为其他什么工具/框架/smth提供建议?我假设你想在浏览器中进行搜索,因为如果没有,那么grep实用程序将非常有效 您可以向每个导出的页面添加JavaScript,该页面将扫描内容并进行搜索。您还可以通过创建包含“搜索数据”和每个子页面链接的索引页面来处理多个页面,但这取决于您要搜索的文本量。在单个页面上搜索会更容易 基本工作流程将是

我需要写一个工具,将一些聊天导出到脱机HTML文件。是否可以添加搜索支持(例如,添加一些包含搜索字段并显示搜索结果的主页
index.html
)?这个问题很常见:你能为其他什么工具/框架/smth提供建议?

我假设你想在浏览器中进行搜索,因为如果没有,那么
grep
实用程序将非常有效

您可以向每个导出的页面添加JavaScript,该页面将扫描内容并进行搜索。您还可以通过创建包含“搜索数据”和每个子页面链接的索引页面来处理多个页面,但这取决于您要搜索的文本量。在单个页面上搜索会更容易

基本工作流程将是:

  • 截获搜索控件的“更改”事件(某些)
  • 循环遍历数据元素(
    对于表,如果使用列表,则为
  • ,等等),并检查键入的文本是否显示在此元素的属性中
这是最基本的形式

一个更有效的方法是准备一个索引数组(通过脚本,在内存中),在这里存储
文本内容(或任何你想搜索的内容)和包含它的元素


在元素上循环时,隐藏不匹配的元素,并取消隐藏匹配的元素(例如添加或删除“筛选”类)。

我将使用Javascript并构建搜索索引。看看这个(只有德语,但我想你会明白的)