js正文內(nèi)容高亮效果的實(shí)現(xiàn)方法
更新時(shí)間：2013年06月30日 15:53:41 作者：
這篇文章介紹了js正文內(nèi)容高亮效果的實(shí)現(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>');
//將滾動(dòng)條定位到第一次查到的視口范圍內(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>");
}
您可能感興趣的文章:
- js鼠標(biāo)點(diǎn)擊圖片切換效果實(shí)現(xiàn)代碼
- JS實(shí)現(xiàn)3D圖片旋轉(zhuǎn)展示效果代碼
- js帶縮略圖的圖片輪播效果代碼分享
- js鼠標(biāo)點(diǎn)擊圖片切換效果代碼分享
- js鋼琴按鈕波浪式圖片排列效果代碼分享
- js淡入淡出的圖片輪播效果代碼分享
- js圖片翻書效果代碼分享
- JS+CSS實(shí)現(xiàn)表格高亮的方法
- js 玩轉(zhuǎn)正則表達(dá)式之語(yǔ)法高亮
- 用JS將搜索的關(guān)鍵字高亮顯示實(shí)現(xiàn)代碼
- js 全兼容可高亮二級(jí)緩沖折疊菜單
- JS實(shí)現(xiàn)圖片高亮展示效果實(shí)例
相關(guān)文章
開始接觸這門語(yǔ)言時(shí)，可能都會(huì)覺(jué)得這門語(yǔ)言缺少訪問(wèn)控制符(如public、private、protected)，從而導(dǎo)致不能定義私有變量和私有方法。但經(jīng)過(guò)進(jìn)一步了解就會(huì)知道javascript同樣可以有私有變量。2010-02-02
javascript精確統(tǒng)計(jì)網(wǎng)站訪問(wèn)量實(shí)例代碼
網(wǎng)站一般都有訪問(wèn)量統(tǒng)計(jì)工具，比較高效實(shí)用的工具多種多樣，這篇文章主要介紹了javascript精確統(tǒng)計(jì)網(wǎng)站訪問(wèn)量實(shí)例代碼，感興趣的小伙伴們可以參考一下2015-12-12
關(guān)于javascript的“靜態(tài)類"...2006-10-10
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)之模擬后臺(tái)增刪改查，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要介紹了JS邏輯判斷選擇器 || &&，下面我們來(lái)一起學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了高效的jquery數(shù)字滾動(dòng)特效，靈活的進(jìn)行數(shù)字滾動(dòng)，感興趣的小伙伴們可以參考一下2015-12-12
JS實(shí)現(xiàn)網(wǎng)頁(yè)時(shí)鐘特效
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)網(wǎng)頁(yè)時(shí)鐘特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
Bootstrap的Carousel配合dropload.js實(shí)現(xiàn)移動(dòng)端滑動(dòng)切換圖片
這篇文章主要介紹了bootstrap的Carousel配合dropload.js實(shí)現(xiàn)移動(dòng)端滑動(dòng)切換圖片,實(shí)現(xiàn)方法非常簡(jiǎn)單，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
JavaScript 中判斷變量是否為數(shù)字的示例代碼
這篇文章主要介紹了JavaScript 中判斷變量是否為數(shù)字的示例代碼,代碼簡(jiǎn)單易懂對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-10-10
javascript數(shù)組中的reduce方法和pop方法
這篇文章主要介紹了javascript數(shù)組中的reduce方法和pop方法，文章內(nèi)容介紹詳細(xì)，具有一定的參考價(jià)值需要的小伙伴可以參考一下，希望對(duì)你的學(xué)習(xí)有所幫助2022-03-03