萬盛學電腦網 >> 腳本專題 >> javascript >> 用JS讓文章內容指定的關鍵字加亮
用JS讓文章內容指定的關鍵字加亮
用JS讓文章內容指定的關鍵字加亮
是這樣的.. 現在有這些關鍵字:美容,生活,購物 當在文章裡頭出現這些關鍵字,就把它加亮顯示.. 文章是生成靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現... 不知道怎樣來實現這樣的功能啊?特此求助 <script language="JavaScript"> txt.innerHTML = txt.innerHTML.replace(/文章/gi,"<font color=red>文章"); </script> 多關鍵字 用JS讓文章內容指定的關鍵字加亮 是這樣的.. 現在有這些關鍵字:美容,生活,購物 當在文章裡頭出現這些關鍵字,就把它加亮顯示.. 文章是生成靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現... 不知道怎樣來實現這樣的功能啊?特此求助 <script language="JavaScript"> txt.innerHTML = txt.innerHTML.replace(/(文章)|(關鍵字)|(功能)/gi,"<font color=red>$1$2$3"); </script>代碼如下：
字符 含義
$$ $ （JScript 5.5 或更新版本）
$& 指定與整個模式匹配的 stringObj 的部分。 （JScript 5.5 或更新版本）
$` 指定由 $& 描述的匹配之前的 stringObj 部分。 （JScript 5.5 或更新版本）
$' 指定由 $& 描述的匹配之後的 stringObj 部分。 （JScript 5.5 或更新版本）
$n 捕獲的第 n 個子匹配，此處 n 為從1到9的十進制一位數。 （JScript 5.5 或更新版本）
$nn 捕獲的第 nn 個子匹配，此處 nn 為從01到99的十進制兩位數。 （JScript 5.5 或更新版本）
g，全局模式匹配
i，不區分大小寫匹配
多關鍵詞，不錯的方法，我也這樣用
<html><body>
用JS讓文章內容指定的關鍵字加亮
是這樣的..
現在有這些關鍵字:美容,生活,購物
當在文章裡頭出現這些關鍵字,就把它加亮顯示..
文章是生成靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現...
不知道怎樣來實現這樣的功能啊?特此求助
<table id="ttxt">
用JS讓文章內容指定的關鍵字加亮
是這樣的..
現在有這些關鍵字:美容,生活,購物
當在文章裡頭出現這些關鍵字,就把它加亮顯示..
文章是生成靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現...
不知道怎樣來實現這樣的功能啊?特此求助
</table>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
</script>
<script type="text/javascript" src="http://v1.ujian.cc/code/ujian.js?uid=1599009"></script>
<script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=1599004" async=""></script>
<script>
(function() {
var cx = 'partner-pub-6079350801821541:7402284747';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
</body>
</html>
大家為什麼非要局限在 HTML 的替換上呢，從文本對象入手不是更方便一些嗎？ <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')); } } highlight('文章|關鍵|功能') </script> <pre> 是這樣的.. 現在有這些關鍵字:美容,生活,購物當在文章裡頭出現這些關鍵字,就把它加亮顯示.. 文章是生成靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現... 不知道怎樣來實現這樣的功能啊?特此求助 <pre>
