运用JS将搜索的关键字高亮显示
来源:互联网 发布:linux google 五笔 编辑:程序博客网 时间:2024/04/30 10:41
现在有这些关键字:美容,生活,购物
当在文章里头出现这些关键字,就把它加亮显示..
文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...
不知道怎样来实现这样的功能啊?特此求助
</pre>
<script language="JavaScript">
function highlight(key) {
var key = key.split('|');
for (var i=0; i<key.length; i++) {
var rng = document.body.createTextRange();
while (rng.findText(key[i]))
//rng.pasteHTML(rng.text.fontcolor('red'));
rng.pasteHTML('<div style="border:1 solid red;display:inline"><a href="#" title='+ rng.text +'>' + rng.text + '</a></div>');
}
}
highlight('文章|关键|功能')
</script>
- 运用JS将搜索的关键字高亮显示
- 按关键字搜索后将关键字高亮显示!
- js 搜索关键字,文章中关键字高亮显示
- jquery高亮显示搜索的关键字
- Android学习------运用 Filter 实现关键字搜索,并且高亮显示关键字
- 搜索关键字显示高亮
- 高亮显示搜索到的关键字-jquery.highlight.js的用法!
- js 关键字 高亮 显示
- js高亮显示关键字
- Javascript 高亮显示搜索到的关键字
- Nutch1-1搜索页面高亮关键字的显示
- 页面高亮显示搜索关键字
- 搜索关键字高亮显示方法
- 搜索关键字高亮显示方法
- Android ListView 搜索关键字高亮显示
- WPF搜索关键字高亮显示
- Lucene+HighLighter 搜索关键字高亮显示
- solr搜索关键字高亮显示
- 转文:财经书不是阿拉丁神灯
- 周一
- 温州出资培训“富二代” 每人补贴8800元
- PHP优化技巧一例
- JS 对象介绍
- 运用JS将搜索的关键字高亮显示
- 3.2.5 PHP类常量的局限
- ASP 内建对象
- 网店宣传秘籍!!!
- 程序员最痛苦的.......
- 谈谈线程及线程的几种状态
- openssh升级及配置操作步骤(转)
- Dev 控件的心得
- spring rmi代理性能