js搜索关键词高亮

  1. <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE>NewDocument</TITLE>
  5. <METANAME="Generator"CONTENT="EditPlus">
  6. <METANAME="Author"CONTENT="">
  7. <METANAME="Keywords"CONTENT="">
  8. <METANAME="Description"CONTENT="">
  9. <SCRIPTLANGUAGE="JavaScript">
  10. <!--
  11. varstr="";
  12. //高亮显示
  13. functionHighLight(nWord){
  14. varorange=document.body.createTextRange();
  15. str=nWord.value;
  16. while(orange.findText(nWord.value)){
  17. orange.pasteHTML("<spanstyle='color:red;'>"+orange.text+"</span>");
  18. //orange.moveStart('character',1);
  19. }
  20. }
  21. //还原高亮显示
  22. functionhuifu()
  23. {
  24. varorange=document.body.createTextRange();
  25. if(str!="")
  26. {
  27. while(orange.findText(str)){
  28. orange.pasteHTML("<spanstyle='color:#000000;'>"+orange.text+"</span>");
  29. //orange.moveStart('character',1);
  30. }
  31. }
  32. }
  33. //-->
  34. </SCRIPT>
  35. </HEAD>
  36. <BODY>
  37. <INPUTTYPE="text"NAME=""onblur="HighLight(this)"onchange="huifu()"><br/>
  38. aaaaaaaaasdasdasdf<br/>fdddddd<br/>dddddddfffffggggggui....;;;;;;;;;;kkkkkkkkk<br/>ggggggggggggggggg<br/>
  39. mmmmmmmtyutyuer<br/>iuyoiuouiopiooooooooolkasq
  40. </BODY>
  41. </HTML>

你可能感兴趣的:(关键词)