개선이 필요하다는 점을 알리기 위해 급하게 작성했습니다. 다음 코드를 텍스트 파일에 복사하고 파일 확장자를 .html로 변경한 후 실행하세요. 코드 복사 코드는 다음과 같습니다. <br> .res<br> {<br> 색상: 빨간색;<br> }<br> </스타일><br> <script src="jquery.min.js" type="text/javascript"></script><br> <script type="text/javascript"><br> var oldKey = "";<br> var 인덱스 = -1;<br> var pos = new Array();<br> var oldCount = 0; <p> 기능 검색(flg) {<br> if (!flg) {<br> 색인 ;<br> 인덱스 = 인덱스 == oldCount ? 0 : 인덱스;<br> }<br> 그렇지 않으면 {<br> 색인--;<br> 인덱스 = 인덱스 < 0? oldCount - 1 : 인덱스;<br /> }</p> <p> $(".result").removeClass("res");<br /> $("#toresult").remove();<br /> var key = $("#key").val(); //키키<br /> if (!key) {<br /> oldKey = "";<br /> 반품; //키공공则退출<br /> }</p> <p> if (oldKey != key) {<br /> //중요<br /> 인덱스 = 0;<br /> $(".result").each(함수 () {<br /> $(this).replaceWith($(this).html());<br /> });<br /> pos = 새로운 배열();</p> <p> $("body").html($("body").html().replace(new RegExp(key, "gm"), "<span id='result" index "' class=' 결과'>" 키 "</span>")); // 替换</p> <p> $("#key").val(key);<br /> oldKey = 키;<br /> $(".result").each(함수 () {<br /> pos.push($(this).offset().top);<br /> });<br /> oldCount = $(".result").length;<br /> }</p> <p> $(".result:eq(" index ")").addClass("res");</p><p> $("body").scrollTop(pos[index]);<br /> }<br /> </script><br /> </머리><br> <br> <div style="위치: 고정; 오른쪽: 20px; 위쪽: 0;"><br> <input id="key" type="text" style="width: 100px;"<br /> <input type="button" value="next" onclick="search()" /><br> <input type="button" value="이전" onclick="search(1)" /><br> </div><br> <div style="height: 50px;"><br> </div><br> <div style="height: 200px;"><br> 1검색할 텍스트입니다. <br> </div><br> <div style="height: 200px;"><br> 2검색할 텍스트입니다. <br> </div><br> <div style="height: 200px;"><br> 3검색할 텍스트입니다. <br> </div><br> <div style="height: 200px;"><br> 4검색할 텍스트입니다. <br> </div><br> <div style="height: 200px;"><br> 5검색할 텍스트입니다. <br> </div><br> <div style="height: 200px;"><br> 10아름다운 고향. <br> </div><br> <div style="height: 200px;"><br> 11아름다운 고향. <br> </div><br> <div style="height: 200px;"><br> 12아름다운 고향. <br> </div><br> <div style="height: 200px;"><br> 13아름다운 고향. <br> </div><br> <div style="height: 200px;"><br> 14아름다운 고향. <br> </div><br> <div style="height: 200px;"><br> 15아름다운 고향. <br> </div><br> </본문><br> </p> </div>
