오프라인 HTML 문서에서 검색을 구현하는 방법은 무엇입니까?

Question

일부 채팅을 오프라인 HTML 파일로 내보내는 도구를 작성해야합니다. 검색 지원을 추가 할 수 있습니까 (예 : 검색 필드를 포함하고 검색 결과를 보여주는 홈 페이지 index.html 추가)? 질문은 공통점이 있습니다. 어떤 도구/프레임 워크/기타 도구를 사용하면이 문제에 대해 조언 할 수 있습니까?

Answer 1

브라우저에서 검색을 수행한다고 가정합니다. 그렇지 않은 경우 grep 유틸리티가 매우 효율적일 수 있기 때문입니다.

내 보낸 모든 페이지에 JavaScript을 추가하면 콘텐츠를 검색하고 검색합니다. "검색 데이터"와 각 ​​서브 페이지에 대한 링크가있는 색인 페이지를 작성하여 여러 페이지를 처리 ​​할 수도 있지만 검색하려는 텍스트의 양에 따라 다릅니다. 한 페이지에서 더 쉽게 검색 할 수 있습니다.

기본 워크 플로우가 될 것입니다 : 당신의 검색 컨트롤의

• 차단 "변경"이벤트 (일부 <input>) 데이터 요소 (테이블의 경우 <tr>, <li> 당신이 목록을 사용하는 경우를 통해
• 루프, 등등)이 입력 된 텍스트가이 요소의 textContent 속성에 나타나는지 확인하십시오.

가장 기본적인 형태입니다. 당신이 textContent (당신이 당신의 검색을 수행 할 또는 아무것도)와 그것을

이 들어있는 요소를 저장하는 곳

조금 더 효율적인 방법은 (메모리에, 스크립트에 의해) 인덱스 배열을 준비하는 것입니다 요소를 반복 할 때 일치하지 않는 요소를 숨기고 (예 : "filtered"클래스를 추가 또는 제거)하는 요소를 숨김 해제 할 때.

Answer 2

나는 자바 스크립트를 사용하고 searchindex를 만들 것이다. 이 example (독일어로만 보이지만 아이디어를 얻을 수있을 것입니다.)을보십시오.