js搜索关键词高亮

最新推荐文章于 2024-04-22 13:44:23 发布

phantomes

最新推荐文章于 2024-04-22 13:44:23 发布

阅读量207

点赞数

分类专栏： js html/css 文章标签： javascript ViewUI

js 同时被 2 个专栏收录

75 篇文章

订阅专栏

html/css

54 篇文章

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<SCRIPT LANGUAGE="JavaScript">
<!--
var str="";
//高亮显示
function HighLight(nWord){
   var orange = document.body.createTextRange();
   str=nWord.value;
   while(orange.findText(nWord.value)){
    orange.pasteHTML("<span style='color:red;'>" + orange.text + "</span>");
    //orange.moveStart('character',1);
   }

}

//还原高亮显示
function huifu()
{
   var orange = document.body.createTextRange();
   if(str!="")
   {
    while(orange.findText(str)){
    orange.pasteHTML("<span style='color:#000000;'>" + orange.text + "</span>");
   // orange.moveStart('character',1);
   }
   }
  
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<INPUT TYPE="text" NAME="" οnblur=" HighLight(this)" οnchange="huifu()"><br/>
aaaaaaaaa sdasdasdf<br/>fdddddd<br/>dddddddfffffggggggui....;;;;;;;;;;kkkkkkkkk<br/>ggggggggggggggggg<br/>
mmmmmmmtyutyuer<br/>iuyoiuouiopiooooooooolkasq
</BODY>
</HTML>