用JS将搜索的关键字高亮显示实现代码_Javascript教程-查字典教程网
用JS将搜索的关键字高亮显示实现代码
用JS将搜索的关键字高亮显示实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:用JS让文章内容指定的关键字加亮是这样的..现在有这些关键字:美容,生活,购物当在文章里头出现这些关键字,就把它加亮显示..文章是生成静态页...

用JS让文章内容指定的关键字加亮

是这样的..

现在有这些关键字:美容,生活,购物

当在文章里头出现这些关键字,就把它加亮显示..

文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...

不知道怎样来实现这样的功能啊?特此求助

复制代码 代码如下:

<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><a href="#" title="+ rng.text +">' + rng.text + '</a></div>');

}

}

highlight('文章|关键|功能')

</script>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类