HTML页面中的搜索功能[关闭]

Posted 2023-04-18

【中文标题】HTML页面中的搜索功能[关闭]

【英文标题】：Search feature in an HTML page [closed]

【发布时间】：2013-03-14 14:27:57

【问题描述】：

这是我的要求：

我的服务器中有一些 html 文件，以及一个包含搜索文本框和提交按钮的主 HTML 文件。用户将在该文本框中输入关键字，如果该词存在，则必须显示突出显示的该词及其所在的 URL。找不到其他显示词。

提前谢谢...

【问题讨论】：

你可能会觉得这很有用，我昨天回答了这个问题***.com/questions/15597736/filter-search-for-ul/…

具体哪一部分是您遇到的问题？

@Juhana 我不明白如何实现这一点，javascript 可以读取客户端计算机上存在的 HTML 文件吗？不，我猜。

【参考方案1】：

通常，您需要在服务器端执行此操作，但可以在客户端执行此操作。

使用脚本来提取所有 HTML 文件，然后将它们索引为关键字，然后允许用户搜索此内存索引并根据需要重定向浏览器。

缺点是客户端初始化和索引构建至少需要几秒钟。

否则，您将在服务器端实现搜索，您是否启用了 php、ASP.NET、JSP 等？

或者，为什么不让 Google 使用 site: 术语搜索您？

【讨论】：

感谢您的回答。这里的文件将出现在客户端机器上，不涉及服务器，所以我在 javascript 中标记了它:)。如果有的话，您可以发布一些示例或所需的文档吗？我会非常感谢..

@abhiabhi 如果没有服务器，为什么问题会说“我的服务器中有一些 HTML 文件”？

@Juhana haha​​ha 很好，你把我逼到绝路了：D，现在我正在我的机器上工作，它是一个支持 Apache 的服务器。但是这项搜索文件的工作将出现在没有任何 Apache 或至少没有 Internet 的客户端机器上。

所以戴，你的意思是我需要一个缓冲区来一次性拉入所有 HTML 文件，然后开始从 file-1 到 file-n 的顺序搜索？

不是缓冲区；我会将文档加载到 DOM 中，然后索引 DOM，然后搜索构建的索引。直接搜索文档是错误的。