js搜索关键词高亮

最新推荐文章于 2023-12-28 14:04:12 发布

weixin_33716154

最新推荐文章于 2023-12-28 14:04:12 发布

阅读量66

点赞数

文章标签： python

原文链接：https://my.oschina.net/bluesroot/blog/222484

版权

<!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>