看我美食网

全部频道

您的当前位置：首页用JS将搜索的关键字高亮显示实现代码_javascript技巧

用JS将搜索的关键字高亮显示实现代码_javascript技巧

来源：看我美食网


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

是这样的..

现在有这些关键字:美容,生活,购物
当在文章里头出现这些关键字,就把它加亮显示..

文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...
不知道怎样来实现这样的功能啊?特此求助

代码如下:

function highlight(key) {
var key = key.split('|');
for (var i=0; i var rng = document.body.createTextRange();
while (rng.findText(key[i]))
//rng.pasteHTML(rng.text.fontcolor('red'));
rng.pasteHTML('' + rng.text + '');
}
}
highlight('文章|关键|功能')

显示全文