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á)式之語法高亮
- 用JS將搜索的關(guān)鍵字高亮顯示實(shí)現(xiàn)代碼
- js 全兼容可高亮二級(jí)緩沖折疊菜單
- JS實(shí)現(xiàn)圖片高亮展示效果實(shí)例
相關(guān)文章
JS實(shí)現(xiàn)touch 點(diǎn)擊滑動(dòng)輪播實(shí)例代碼
這篇文章主要介紹了JS實(shí)現(xiàn)touch 點(diǎn)擊滑動(dòng)輪播實(shí)例代碼,需要的朋友可以參考下2017-01-01微信小程序開發(fā)之全局配置與頁面配置實(shí)現(xiàn)
本文主要介紹了微信小程序開發(fā)之全局配置與頁面配置實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07javascript 包裹節(jié)點(diǎn) 提高效率
模仿jQuery,創(chuàng)建幾個(gè)包裹節(jié)點(diǎn)的方法,發(fā)現(xiàn)jQuery的方法很低效啊,下一次他又可以說這幾個(gè)方法可以提升了多少多少了。2010-02-02JS動(dòng)態(tài)調(diào)用方法名示例介紹
在JS中如何動(dòng)態(tài)調(diào)用方法名,想必很多的朋友們都不會(huì)吧,下面為大家舉例介紹下具體的調(diào)用方法2013-12-12微信公眾號(hào)平臺(tái)接口開發(fā) 獲取微信服務(wù)器IP地址方法解析
這篇文章主要介紹了微信公眾號(hào)平臺(tái)接口開發(fā) 獲取微信服務(wù)器IP地址方法解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08layui問題之渲染數(shù)據(jù)表格時(shí),僅出現(xiàn)10條數(shù)據(jù)的解決方法
今天小編就為大家分享一篇layui問題之渲染數(shù)據(jù)表格時(shí),僅出現(xiàn)10條數(shù)據(jù)的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-0928個(gè)JavaScript常用字符串方法以及使用技巧總結(jié)
這篇文章主要給大家介紹了28個(gè)JavaScript常用字符串方法以及使用技巧的相關(guān)資料,文中統(tǒng)計(jì)的方法都非常實(shí)用,無論是日常工作還是面試,都建議多看一看,需要的朋友可以參考下2021-09-09