js实现网页关键词加亮，网页关键词有链接特效代码_中国网站频道，官方网站，中国品牌网站，网页特效，JS广告，网站截图，酷站推荐，图标，APP，按钮，中国网站第一品牌频道网站频道，div css，flash广告代码，网页特效，png图片，后台模板，flash特效，软件下载，中文字体下载，英文字体下载，

> 代码 > 网页杂文

js实现网页关键词加亮，网页关键词有链接特效代码

作者：来源：日期：2009/8/28 9:42:39 人气：标签：

1. js实现网页关键词加亮显示，(注：不能用于SEO优化)

<div id="txt">
用JS让文章内容指定的关键字加亮
是这样的..现在有这些关键字:美容,生活,购物
当在文章里头出现这些关键字,就把它加亮显示..
文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...
</div>
<script language="JavaScript">
document.getElementById("txt").innerHTML = document.getElementById("txt").innerHTML.replace(/(文章)/gi,"<font color=red>$1</font>");
</script>

2 网页关键词有链接特效代码，(注：不能用于SEO优化)

<span id="lbldetail">
早餐后游览桂林城徽----象鼻山，看"象山水月"之妙景（游览时间约1.5小时）。然后参观地矿珠宝，后登桂林的寿山------叠彩山（游览时间约1小时），欣赏桂林全景，有风洞仰此堂、拿云亭、仙鹤洞、木龙洞、碧霞洞等。然后乘车前往欣赏玉博玉器；随后前往中仁堂。后参观南溪山公园。玩赏特别赠赏精彩、辉煌、美仑美奂的视听盛宴——-《龙脊魂》，带给你神秘、震撼、浪漫的艺术感觉。
</span>
<script language="javascript">

var inputObject = document.getElementById("lbldetail");
var inputString= inputObject.innerHTML;
var findString="寿山,碧霞洞";
var hrefString="1.html, 2.html";

inputObject.innerHTML = RepaceJoinString(inputString, findString, hrefString);

function RepaceJoinString(inputString, joinFindString, joinHrefString)
{
var findArr = joinFindString.split(",");
var hrefArr = joinHrefString.split(",");
var returnValue = inputString;
for(i=0; i<findArr.length; i++)
{
var formatFind = findArr[i];
var formatHref = hrefArr[i];
returnValue = RepalceString(returnValue, formatFind, formatHref)
}
return returnValue;
}

文章整理：中国网站频道 www.v404.cn

公告

更新

> 代码 > 网页杂文

js实现网页关键词加亮，网页关键词有链接特效代码