Question

asp搜索关键字后变红加粗的问题

<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'));
}
}
highlight('<%=ser1%>')
highlight('<%=ser2%>')
highlight('<%=ser3%>')
</script>

用以上这段程序来检索替换关键字，现在只有变红，想加粗+变红怎样改？

Answer 1

你这个用正则来做比较简单吧，而且你这个document.body.createTextRange貌似也不兼容IE以外的其他浏览器

<script type="text/javascript">
function highlight(str){
var reg = new RegExp(str,"gi");
var obody = document.body;//此处也可替换为document.getElementById('某元素ID')，即可只替换指定元素区域内的内容
var shtml = obody.innerHTML.replace(reg,"<strong><font color='red'>"+str+"</font></strong>");
obody.innerHTML = shtml;
}
highlight('<%=ser1%>')
highlight('<%=ser2%>')
highlight('<%=ser3%>')
</script>

追问

不行喔，用你的之后，整个网页都是输出以下的代码内容，密密麻麻，整个网页都是这些html代码：

<STRONG><FONT
color=red></FONT></STRONG>S<STRONG><FONT
color=red></FONT></STRONG>E<STRONG><FONT
color=red></FONT></STRONG>

追答

我测试没有问题，你复制过去的时候，有些符号被转义了吧。你仔细检查一下。或者把代码截图贴上来看看。我把百度知道的这个页面代码复制下来，然后用我的代码搜索替换一些单词，显示出来的效果是没有问题的。

追问

奇怪，符号貌似没有被转义的，而且还没开始搜索，3个关键字都是空值，已经全部被替换成html代码了：

在前面用了以下一段定义打印内用的，是不是有冲突？

追答

噢，有可能是搜索内容是空值的问题，你在里面加个判断。

if(str){
var reg = new RegExp(str,"gi");
var obody = document.body;//此处也可替换为document.getElementById('某元素ID')，即可只替换指定元素区域内的内容
var shtml = obody.innerHTML.replace(reg,""+str+"");
obody.innerHTML = shtml;
}

这样空值时就不会执行了。