当前位置: 代码迷 >> Web前端 >> 加亮搜寻关键字
  详细解决方案

加亮搜寻关键字

热度:297   发布时间:2012-07-01 13:15:00.0
加亮搜索关键字
该段脚本添加到</body>标签前即可

---------------------整网页关键字加亮--------------------------

<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('#FF9900'));
    }
}
highlight('加亮|亮')
</script>


---------------------网页制定“开始位置”之后信息关键字加亮-----
<script>

function highlight(key){
var starStr='搜索结果';
var key = key.split('|');
var txt = document.body.createTextRange();
   txt.collapse(true);//true:顺序,false:倒序
   if(txt.findText(starStr)){
    txt.moveStart('character',0);
    txt.moveEnd('textedit');
    for (var i=0; i<key.length; i++) {
        while (txt.findText(key[i]))
        txt.pasteHTML(txt.text.fontcolor('#FF9900'));
    }
   }

highlight('<%=keyWord%>|administrator');
</script>

  相关解决方案