：純JS腳本模擬瀏覽器頁(yè)面查找并跳轉(zhuǎn)到指定文本內(nèi)容

<style type="text/css">

.result{background:yellow;color:red;font-weight:normal;}

.res{background:yellow;color:red;font-weight:bold;}

</style>

<script type="text/javascript" src="http://www.hy56.cc/mis/js/jquery-2.1.1.min.js"></script>

<script language="javascript">

var oldKey = "";

var index = -1;

var pos = new Array();  //用于記錄每個(gè)關(guān)鍵詞的位置，以方便跳轉(zhuǎn)

var oldCount = 0;       //記錄搜索到的所有關(guān)鍵詞總數(shù)

function previous(){

  index--;

  index = index < 0 ? oldCount - 1 : index;

  search();

}

function next(){

  index++;

  //index = index == oldCount ? 0 : index;

  if(index==oldCount){

index = 0 ;

  }

  search();

}

function search(){

  $(".result").removeClass("res");                       //去除原本的res樣式

  var key = $("#key").val();                             //取key值

  if (!key) {                                            //key為空則退出

    $(".result").each(function () {                    //恢復(fù)原始數(shù)據(jù)

$(this).replaceWith($(this).html());

    });

    oldKey = "";

    return;                                              //key為空則退出

  }

  if (oldKey != key) {                                   //進(jìn)入重置方法

    index = 0;

    $(".result").each(function () {

$(this).replaceWith($(this).html());

    });

    pos = new Array();

    var regExp = new RegExp(key+'(?!([^<]+)?>)', 'ig');  //正則表達(dá)式匹配

    $("td").each(function () {                           //不用.table去遍歷這樣會(huì)導(dǎo)致點(diǎn)擊方法失效，直接替換最小單位的td就行

$(this).html($(this).html().replace(regExp, "<span id='result" + index + "' class='result'>" + key + "</span>")); // 高亮操作

    })

    $("#key").val(key);

    oldKey = key;

    $(".result").each(function () {

      if($(this).offset().top == 0){ return; }

    });

    oldCount = $(".result").length;

  }

  $(".result:eq(" + index + ")").addClass("res");              //當(dāng)前位置關(guān)鍵詞改為紅色字體

  $(".result:eq(" + index + ")").attr("id", "result" + index); //當(dāng)前位置強(qiáng)制更改ID，方便定位跳轉(zhuǎn)

window.location.hash="#result" + index;                      //強(qiáng)制跳轉(zhuǎn)到此ID

}

window.onload=function(){

document.getElementById("key").onkeydown=function(event){

if(event.keyCode==13){next();}

}

}

</script>

<input type="text" id="key" placeholder="流程名稱關(guān)鍵詞" style="width:150px;border-radius:5px;padding-left:6px;height:25px;border:1px #AAAAAA solid;" onchange="next();"/><img src="/mis/images/search_18.gif" style="position:relative;MARGIN-TOP:-3px;MARGIN-LEFT:-22px;MARGIN-right:6px;cursor:pointer;" align="absmiddle" onclick="next();" title="搜索">