搜索HTML和滾動到

Question

所以我有一個列表2000多條目的文件。我想添加某種形式的搜索功能。很明顯，我有一個輸入欄，但是如何編寫用於搜索頁面的JavaScript以及滾動到該位置的JavaScript？

Answer 1

您可以使用window.find和range.findText

<input id="search" > 
<input type="button" value="search" onclick="fx(document.getElementById('search'))"> 
<script type="text/javascript"> 
<!-- 
function fx(o) 
{ 
    var _o=o; 
    if(window.find) 
    { 
    _o.style.visibility='hidden'; 
    setTimeout(function(){window.find(_o.value);_o.style.visibility='visible';},10); 
    } 
    else if(document.body.createTextRange) 
    { 
    var rng=document.body.createTextRange(); 
     rng.findText(o.value); 
     rng.select(); 
    } 
} 
//--> 
</script> 

Answer 2

循環遍歷要搜索的元素。通過子節點遞歸遞歸，並用正則表達式搜索每個節點，可能類似於/\bTERM\b/。

當您找到一個，找到它的偏移位置，然後scrollTo()即抵消。