加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

JavaScript 高亮表现文章中的要害字

发布时间:2018-08-21 08:58:00 所属栏目:运营 来源:站长网
导读:用JS让文章内容指定的要害字加亮是这样的..此刻有这些要害字:美容,糊口,购物当在文章里头呈现这些要害字,就把它加亮表现..文章是天生静态页面的,而这些要害字是能随时更新的,以是我想用JS来实现...不知道奈何来实现这样的成果啊?特此告急 以上示例代码如下
用JS让文章内容指定的要害字加亮
是这样的..
此刻有这些要害字:美容,糊口,购物
当在文章里头呈现这些要害字,就把它加亮表现..
文章是天生静态页面的,而这些要害字是能随时更新的,以是我想用JS来实现...
不知道奈何来实现这样的成果啊?特此告急

以上示例代码如下:

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] <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>

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读