js正文內(nèi)容高亮效果的實現(xiàn)方法
更新時間：2013年06月30日 15:53:41 作者：
這篇文章介紹了js正文內(nèi)容高亮效果的實現(xiàn)方法，有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
//高亮顯示搜索到的關(guān)鍵字
function HeightLight(Keyword)
{
//文本選擇器
var TextRange;
//是否找到
var Found=false;
//找到的次數(shù)
var Count = 0;
TextRange = document.body.createTextRange();
Found = TextRange.findText(Keyword);
if (Found)
{
Count++;
}
while (Found && Count > 0)
{
TextRange.pasteHTML('<span style="background:yellow">' + Keyword + '</span>');
//將滾動條定位到第一次查到的視口范圍內(nèi)
if(Count==1)
{
TextRange.scrollIntoView();
}
//繼續(xù)查找
Found = TextRange.findText(Keyword);
if (!Found)
{
Count = 0;
}
else
{
Count++;
}
}
}
//正則式法
function highLight(ele,keys)
{
var reg = new RegExp("(" + keys.replace(/,/,"|") + ")","g");
ele.innerHTML = ele.innerHTML.replace(reg,"<font color=\"red\">$1</font>");
}
相關(guān)文章
開始接觸這門語言時，可能都會覺得這門語言缺少訪問控制符(如public、private、protected)，從而導(dǎo)致不能定義私有變量和私有方法。但經(jīng)過進一步了解就會知道javascript同樣可以有私有變量。2010-02-02
javascript精確統(tǒng)計網(wǎng)站訪問量實例代碼
網(wǎng)站一般都有訪問量統(tǒng)計工具，比較高效實用的工具多種多樣，這篇文章主要介紹了javascript精確統(tǒng)計網(wǎng)站訪問量實例代碼，感興趣的小伙伴們可以參考一下2015-12-12
關(guān)于javascript的“靜態(tài)類"...2006-10-10
這篇文章主要為大家詳細介紹了微信小程序云開發(fā)之模擬后臺增刪改查，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要介紹了JS邏輯判斷選擇器 || &&，下面我們來一起學(xué)習吧2019-05-05
這篇文章主要介紹了高效的jquery數(shù)字滾動特效，靈活的進行數(shù)字滾動，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要為大家詳細介紹了JS實現(xiàn)網(wǎng)頁時鐘特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
Bootstrap的Carousel配合dropload.js實現(xiàn)移動端滑動切換圖片
這篇文章主要介紹了bootstrap的Carousel配合dropload.js實現(xiàn)移動端滑動切換圖片,實現(xiàn)方法非常簡單，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
JavaScript 中判斷變量是否為數(shù)字的示例代碼
這篇文章主要介紹了JavaScript 中判斷變量是否為數(shù)字的示例代碼,代碼簡單易懂對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-10-10
javascript數(shù)組中的reduce方法和pop方法
這篇文章主要介紹了javascript數(shù)組中的reduce方法和pop方法，文章內(nèi)容介紹詳細，具有一定的參考價值需要的小伙伴可以參考一下，希望對你的學(xué)習有所幫助2022-03-03