如何在離線HTML文檔中實現搜索？

Question

我需要編寫一個工具，將一些聊天內容導出到離線HTML文件中。是否有可能添加搜索支持（例如，添加一些包含搜索字段的主頁index.html並顯示搜索結果）？這個問題是相同的：你可以爲此提供哪些工具/框架/對其他方面的建議？

Answer 1

我假設你想在瀏覽器中進行搜索，因爲如果沒有，那麼grep實用程序將非常有效。

您可以將JavaScript添加到每個導出的頁面，這將掃描內容並執行搜索。您還可以通過創建帶有「搜索數據」的索引頁面和每個子頁面的鏈接來處理多個頁面，但這取決於您要搜索的文本數量。在單個頁面上搜索會更容易。

的基本工作流程是：你的搜索控制的

• 攔截「改變」事件（一些<input>）
• 遍歷數據元素（<tr>在表的情況下，<li>如果使用列表，等等），並檢查輸入的文本是否出現在此元素的textContent屬性中。

這是最基本的形式。

一點更有效的方法將是編寫索引陣列中（通過腳本，在內存中），您存儲textContent（你想要做你的搜索或任何東西），幷包含它

元素在元素上循環時隱藏不匹配的元素，並取消隱藏執行的元素（例如，添加或刪除類「已過濾」）。

Answer 2

我會使用JavaScript並建立一個搜索索引。看看這個example（僅限德語​​，但我認爲你會明白）。