本文目录一览:
用JS将搜索的关键字高亮显示实现代码
用JS让文章内容指定的关键字加亮
是这样的..
现在有这些关键字:美容,生活,购物
当在文章里头出现这些关键字,就把它加亮显示..
文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...
不知道怎样来实现这样的功能啊?特此求助
复制代码
代码如下:
script
language="JavaScript"
function
highlight(key)
{
var
key
=
key.split('|');
for
(var
i=0;
ikey.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
notepad++怎么让js代码高亮显示
np++ 只要你的文件名后缀是 .js 的, 它就能自动识别为高亮
推荐你使用sublime text , 我见过的最好的文本编辑器, 非常好用,非常好看!
js 给页面内文字高光特效
如果不想动复制过来的内容,(可能内容比较多,也不好找,改动又可能会影响其他)
那就将你自己写的div 都添加一个class, 设置文字格式,如font-size,font-color等。
div class="norm"blabla/div
style里可能需要这些:
.norm {
font-family:Verdana, Geneva, sans-serif;
size:12px;
color:black;
opacity:1;
moz-opacity:1;
filter:false;
}