熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

js正文內容高亮效果的實現方法

2013-11-15 11:53:52  來源: JSP教程 
這篇文章介紹了js正文內容高亮效果的實現方法有需要的朋友可以參考一下   復制代碼 代碼如下:

  
//高亮顯示搜索到的關鍵字
function HeightLight(Keyword)
{
//文本選擇器
var TextRange;
//是否找到
var Found=false;
//找到的次數
var Count = ;
TextRange = documentbodycreateTextRange();
Found = TextRangefindText(Keyword);
if (Found)
{
Count++;
}
while (Found && Count > )
{
TextRangepasteHTML(<span style="background:yellow"> + Keyword + </span>);
//將滾動條定位到第一次查到的視口范圍內
if(Count==)
{
TextRangescrollIntoView();
}
//繼續查找
Found = TextRangefindText(Keyword);
if (!Found)
{
Count = ;
}
else
{
Count++;
}
}
}
//正則式法
function highLight(elekeys)
{
var reg = new RegExp("(" + keysreplace(//"|") + ")""g");
eleinnerHTML = eleinnerHTMLreplace(reg"<font color="red">$</font>");
}


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19847.html
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.