<script language="JScript">
var str = ""
var found = false
function searchKeyWords(keyWord)
{
  if (str=="" ||(found && str.indexOf(keyWord)<0) )
    str = txt.value  if(str.indexOf(keyWord) >=0 )
  {
    var index0 = str.indexOf(keyWord)
    var index1 = keyWord.length
    var rng = txt.createTextRange();
    rng.collapse(true)
    rng.moveStart("character", index0)
    rng.moveEnd("character", index1)
    rng.select()
    str = str.replace(keyWord, String(Math.pow(10,index1)-1))
    found = true
  }
}
</script>
<input type="text" style="width:360" name="txt" value="19xx年,第一台计算机问世,这是计算机时代的开始"><input type="button" value="click" onclick="searchKeyWords('计算机')">

解决方案 »

  1.   

    <script language="JScript">
    var str = ""
    var found = false
    function searchKeyWords()
    {
      var keyWord=document.getElementById("txtKeyWord").value;
      if(keyWord=='') return;
      var content=document.getElementById("txtContent").innerText;
      var strPat=eval("/" + keyWord + "/g");
      var str=content.replace(strPat,"<span style='color:#ff0000;font-weight:bold;'>" + keyWord + "</span>");
      if(str!='')document.getElementById("txtContent").innerHTML=str;
    }
    </script>
    <div id="txtContent" style='border-width:1'>
    19xx年,第一台计算机问世, 这是计算机时代的开始
    </div>
    <br><br>
    <Input type="text" id="txtKeyWord" size="10" value="计算机">
    <input type="button" value=" search… " onclick="searchKeyWords()">