Ditulis dengan tergesa-gesa, hanya untuk menunjukkan bahawa ia perlu diperbaiki. Salin kod berikut ke dalam fail teks, tukar sambungan fail kepada .html dan jalankannya. Salin kod Kod adalah seperti berikut: <br> .res<br> {<br> warna: Merah;<br> }<br> <br> var oldKey = "";<br> indeks var = -1;<br> var pos = Array baharu();<br> var oldCount = 0; <p> carian fungsi(flg) {<br> jika (!flg) {<br> indeks ;<br> indeks = indeks == oldCount ? 0 : indeks;<br> }<br> lain {<br> indeks--;<br> indeks = indeks < 0 ? oldCount - 1 : indeks;<br /> }</p> <p> $(".result").removeClass("res");<br /> $("#toresult").remove();<br /> var key = $("#key").val(); //取key值<br /> jika (!kunci) {<br /> oldKey = "";<br /> kembali; //key为空则退出<br /> }</p> <p> jika (kunci lama != kunci) {<br /> //重置<br /> indeks = 0;<br /> $(".hasil").setiap(fungsi () {<br /> $(this).replaceWith($(this).html());<br /> });<br /> pos = Array baharu();</p> <p> $("body").html($("body").html().replace(new RegExp(key, "gm"), "<span id='result" index "' class=' result'>" key "</span>")); // 替换</p> <p> $("#key").val(key);<br> oldKey = kunci;<br> $(".hasil").setiap(fungsi () {<br> pos.push($(this).offset().atas);<br> });<br> oldCount = $(".hasil").panjang;<br> }</p> <p> $(.result:eq(" index ")").addClass("res");</p> <p> $("badan").scrollTop(pos[index]);<br> }<br> </skrip><br> </head><br> <badan><br> <div style="position: fixed; right: 20px; top: 0;"><br> <input id="key" type="text" style="width: 100px;" /><br> <input type="button" value="next" onclick="search()" /><br> <input type="button" value="Previous" onclick="search(1)" /><br> </div><br> <div style="height: 50px;"><br> </div><br> <div style="height: 200px;"><br> 1Teks untuk dicari. <br> </div><br> <div style="height: 200px;"><br> 2Teks yang hendak dicari. <br> </div><br> <div style="height: 200px;"><br> 3Teks yang hendak dicari. <br> </div><br> <div style="height: 200px;"><br> 4Teks yang hendak dicari. <br> </div><br> <div style="height: 200px;"><br> 5Teks untuk dicari. <br> </div><br> <div style="height: 200px;"><br> 10Kampung halaman yang indah. <br> </div><br> <div style="height: 200px;"><br> 11Kampung halaman yang indah. <br> </div><br> <div style="height: 200px;"><br> 12Kampung halaman yang indah. <br> </div><br> <div style="height: 200px;"><br> 13Kampung halaman yang indah. <br> </div><br> <div style="height: 200px;"><br> 14Kampung halaman yang indah. <br> </div><br> <div style="height: 200px;"><br> 15Kampung halaman yang indah. <br> </div><br> </body><br> </html><br> </p> </div> <p>Ini terutamanya untuk semua orang memberikan idea Jika anda tidak sabar, anda boleh memperbaikinya sendiri. </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
