标题:[分享]用JS让查找关健字显示高亮
取消只看楼主
caiyakang
Rank: 2
等 级:新手上路
威 望:5
帖 子:2111
专家分:0
注 册:2005-3-24
 问题点数:0 回复次数:2 
[分享]用JS让查找关健字显示高亮

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" type="text/javascript">
function HighBright()
{
if(arguments.length==0 || arguments[0]=="")return;
var obj;
obj=document.getElementsByTagName("div");
for(i=0;i<obj.length;i++)
{
//if(obj[i].getAttribute("id")!="1")continue;
//alert(arguments[0]);
for(var j=0;j<arguments.length;j++)
{
var str=arguments[j].replace(/([\\\^\$\*\+\?\{\}\.\(\)\[\]\|\+])/g,"\\$1");
var re=new RegExp("(" + str + ")","ig");
var tmp=obj[i].innerHTML;
//alert(tmp.replace(re,"<span class='bg'>$1</span>"));
obj[i].innerHTML=tmp.replace(re,"<span style='background-color: #FFFF33;color:#ff3300;font-weight:bold;'>$1</span>");
}
//alert(arguments[0]);
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div id="nv">
因为梦幻,我们有了美丽的邂逅。因为有你,我的生活变得如此精彩。梦幻的世界中,到处都有你我的身影,记录下美好的点滴,让感动的瞬间变成美好的回忆!

  在梦幻里,游玩,温存,告白是永恒的主题,不同地方的你我用不同的方言演绎着我们的爱情故事。有甜蜜,有温馨,有激动,有欣喜。从此我们形影不离,无话不语,在梦幻里的每个角落珍藏幸福。

  梦幻的男生玩家总是为了送礼物 而费尽心思!既要表达心中浓浓爱意,又不想落入俗套。网易周边产品商城特别推出六款时尚“挂”饰套装:小挂件、零钱包,品种繁多,质地柔软、造型可爱,适合不同mm的喜好,相信mm们一定爱不释手;同时实用又时尚,易随身挂带、任意搭配,绝对是送礼的最佳选择!

  梦幻时尚“挂”饰,送给挂念的她,让心爱的她时刻“挂”念着你。只要你有心,365天每天都是情人节,机会就在眼前,还不赶快把握!
</div>

<input name="t" type="text" />
<input name="s" type="button" onclick="HighBright(document.all.t.value)" value="显示高亮"/>
</body>
</html>


[此贴子已经被作者于2007-4-19 11:43:24编辑过]

搜索更多相关主题的帖子: 关健 高亮 JS DTD 
2007-04-19 10:26
caiyakang
Rank: 2
等 级:新手上路
威 望:5
帖 子:2111
专家分:0
注 册:2005-3-24
得分:0 
自已顶

中国人的财富网:http://www..cn/
2007-04-19 10:59
caiyakang
Rank: 2
等 级:新手上路
威 望:5
帖 子:2111
专家分:0
注 册:2005-3-24
得分:0 
是啊,我来分享的,只是没人顶~

中国人的财富网:http://www..cn/
2007-04-19 11:38



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-133068-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.051435 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved