免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1053 | 回复: 0
打印 上一主题 下一主题

javascript实现关键字高亮 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2005-09-24 17:12 |只看该作者 |倒序浏览
javascript实现关键字高亮
[color="#336699"]function SearchHighlight(mytag) {
if (!document.createElement)
{
return;
}
var q = "{{$q}}";//要高亮显示的关键字
var l = document.getElementsByTagName(mytag);
if("" == q) return;
words = unescape(q.replace(/+/g,' ')).split(/s+/);
for (w=0;w$1");
}
}
}
别看代码不多,其中使用了正则及其向后引用等高级技术,实现了关键字高亮的巨大功能。调用方法:
document.onload = SearchHighlight(”a”);//要搜索的标签名称,这里的意思是凡是形如的标记中的内容,包含关键字的时候均高亮显示。然后把下面的CSS定义加到你的CSS文件里或者直接加到HTML文件中
.searchword{background-color:yellow;}
那么所有的关键字(不论大小写)将显示为黄色背景。

本文来自ChinaUnix博客,如果查看原文请点:http://blog.chinaunix.net/u/3708/showart_49134.html
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP