Web Design

大家系BAIDU或者GOOGLE快照中經常睇到呢種情形，搜索既關鍵詞加左同網頁其他文字不同既標誌，用來區分佢地同網頁其他文字不同。

<pre> 用JS讓文章內容指定的關鍵字加亮是這樣的.. 現在有這些關鍵字:美容,生活,購物當在文章裡頭出現這些關鍵字,就把它加亮顯示.. 網頁教學網文章是生成靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現... 不知道怎樣來實現這樣的功能啊?特此求助 </pre> <script language="JavaScript"> function highlight(key) { var key = key.split('|'); for (var i=0; i<key.length; i++) { var rng = document.body.createTextRange(); while (rng.findText(key[i])) //rng.pasteHTML(rng.text.fontcolor('red')); rng.pasteHTML('<div style="border:1 solid red;display:inline"><a href="#" title='+ rng.text +'>' + rng.text + '</a></div>'); } } highlight('文章|關鍵|功能') </script>網頁設計網頁設計網頁設計