- <!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="" onblur=" HighLight(this)" onchange="huifu()"><br/>
- aaaaaaaaa sdasdasdf<br/>fdddddd<br/>dddddddfffffggggggui....;;;;;;;;;;kkkkkkkkk<br/>ggggggggggggggggg<br/>
- mmmmmmmtyutyuer<br/>iuyoiuouiopiooooooooolkasq
- </BODY>
- </HTML>
js搜索关键词高亮
最新推荐文章于 2024-05-19 10:57:04 发布