Loading...
 黯然奮發其 它JavaScriptJavaScript實現查詢關鍵字高亮顯示
rouse life
JavaScript實現查詢關鍵字高亮顯示
文 / 郝振強   來源于:黯然奮發

用途:

 

   html代碼查詢關鍵字高亮顯示

   (兼容Firefox和IE)

 

代碼:

 

//高亮顯示

//idVal 高亮顯示的標簽id

//keyword 關鍵字

//color 高亮顯示的顏色
function highLight(idVal,keyword, color) {
    //正則替換
    //g (全文查找出現的所有 pattern)
    //i (忽略大小寫)

    var hlValue = new RegExp("(" + keyword + ")(?=[^<>]*<)","gi");
    $ID(idVal).innerHTML = $ID(idVal).innerHTML.replace(hlValue, "<font color=" + color + ">$1</font>");
}

/*
getElement object
*/

function $ID(idVal) {
    return document.getElementById(idVal);
}


最后更新于[2010-7-31 16:19:17]

meteor  上傳于[2010-7-28 19:49:23] | Loading... | 【返回頁首】  
icon
相關文章
Loading...
黯然奮發
歡迎投稿 | 審核原則 | 版權說明 | 隱私保護 | 站點地圖
Copyright © 2004-2010 rouse studio All Rights Reserved.
奮發工作室 版權所有 嚴禁轉載
SadToJoy.Com: 豫ICP備05001861號; Techstd.Com: 豫ICP備09031968號
Powered by rouse cms 2.3 © 2009-2010 rouse studio.