使用javascript将页面中的关键字高亮显示
参考代码如下:
<script type=”text/javascript”>
//将页面中的关键字高亮显示,在body的onload中调用
function HighLight(nWord){
var orange = document.body.createTextRange();
while(orange.findText(nWord)){
orange.pasteHTML(”<span style=’color:black;background-color: #ff9999;’>” + orange.text + “</span>”);
orange.moveStart(’character’,1);
}
}
//将页面中的关键字高亮显示,在body的onload中使用(支持多个关键字，多个关键字用空格分开)
function highword(nWord)
{
//将全角空格(逗号)转半角空格
nWord = nWord.replace(/\ /g,”|”);
nWord = nWord.replace(/\,/g,”|”);
nWord = nWord.replace(/\，/,”|”);
nWord = nWord.replace(/\ /g,”|”);
var Arr = nWord.split(”|”);
for(var i=0;i<Arr.length;i++){
HighLight(Arr[i]);
}
}
function hWord(){
highword(”快逸 报表 功能”);
}
</script>
<body OnLoad=”hWord()”>
发布日期：2008/09/22
本文分类：
设计基础