首頁 >web前端 >js教程 >JavaScript實作關鍵字高亮功能_基礎知識

JavaScript實作關鍵字高亮功能_基礎知識

WBOY
WBOY原創
2016-05-16 16:31:351809瀏覽

高亮功能主要是指在頁面中指定區域的指定文字進行高亮顯示,也就是背景著色。一般在搜尋結果頁面會常用到這個功能。

下面就提供大家一個解決方案,用javascript實現。

首先在

中引入下面javascript方法:

複製程式碼 程式碼如下:


上面的fHl方法就是用來實現高亮的,參數的意義在註解中有寫。

然後在頁面最後呼叫fHl方法,對指定區域指定文字高亮著色,例如:

複製程式碼 程式碼如下:


怎麼樣,很簡單吧~

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn