javascript實現(xiàn)關(guān)鍵字高亮(轉(zhuǎn))[@more@]

function SearchHighlight(mytag) {

if (!document.createElement)

{

return;

}

var q = "}";//要高亮顯示的關(guān)鍵字

var l = document.getElementsByTagName(mytag);

if("" == q) return;

words = unescape(q.replace(/+/g,)).split(/s+/);

for (w=0;w

for(i=0;i

{

var pa = new RegExp("("+words[w]+")","ig");

if(l[i].parentNode.parentNode.parentNode.id != "header")//標(biāo)題中的內(nèi)容不替換

l[i].innerHTML = l[i].innerHTML.replace(pa,"");

}

}

}

別看代碼不多，其中使用了正則及其向后引用等高級技術(shù)，實現(xiàn)了關(guān)鍵字高亮的巨大功能。調(diào)用方法：

document.onload = SearchHighlight(”a”);//要搜索的標(biāo)簽名稱，這里的意思是凡是形如的標(biāo)記中的內(nèi)容，包含關(guān)鍵字的時候均高亮顯示。然后把下面的CSS定義加到你的CSS文件里或者直接加到HTML文件中

.searchword

那么所有的關(guān)鍵字（不論大小寫）將顯示為黃色背景
網(wǎng)頁題目：javascript實現(xiàn)關(guān)鍵字高亮(轉(zhuǎn))
文章地址：http://weahome.cn/article/pedjeg.html