本文實例講述了JavaScript識別網頁關鍵字并進行描紅的方法。分享給大家供大家參考，具體如下：
這里演示JavaScript智能識別網頁關鍵字并加紅顯示出來，相信這個效果大家不陌生吧，用JS加紅關鍵字要比程序控制輸出好得多，必竟將一部分功能交給了客戶瀏覽器，相應減輕了服務器的壓力。
運行效果截圖如下：
在線演示地址如下：
http://demo.VeVB.COm/js/2015/js-keyword-show-red-color-codes/
具體代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JS查詢替換關鍵字</title><style type="text/css">span{color:#f00;font-weight:bold;}</style></head><body><div>我是標題:這里是文字介紹!</div><div>我是老二:老二的描述性文字。</div><script type="text/javascript">var divs = document.getElementsByTagName('div');for(i=0;i<divs.length;i++){ var text = divs[i].innerHTML; var index = text.indexOf(':'); var span = document.createElement('span'); span.innerHTML = text.substring(0,index+1); divs[i].innerHTML = text.substring(index+1); divs[i].insertBefore(span,divs[i].firstChild);}</script></body></html>希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
