如何实现做一些代码发到网站上后，无需修改原网站内容，即可实现把所有网页上某个词变成链接文字

Question

如何实现做一些代码发到网站上后，无需修改原网站内容，即可实现把所有网页上某个词如：“咖啡”变成链接，或实现当关闭移到咖啡这个词上面后，在这个词的右下角，自动显示一个约5*10公分的宣传页面，高分求解，或给出个思路。谢谢！！！

Answer 1

<script language="JavaScript">
<!--function replaceKeyWord(keyword,url,target)
{
if(!target)  target="_self";//默认当前页面打开连接
document.body.innerHTML=document.body.innerHTML.replace(keyword,"<a href='"+url+"' target='"+target+"'>"+keyword+"</a>");
alert(document.body.innerHTML);
}
//-->
</script>
点击按钮会把咖啡，土豆转化为连接<br>
<input type="button" value="连接咖啡" onclick="replaceKeyWord('咖啡','http://www.coffee.com')"/>
<input type="button" value="连接土豆" onclick="replaceKeyWord('土豆','http://www.potato.com','_blank')"/>

Answer 2

function replaceKeyWord(keyword,url,target)
{
if(!target)  target="_self";//默认当前页面打开连接
var reg=new RegExp(keyword,"ig");
document.body.innerHTML=document.body.innerHTML.replace(reg,"<a href='"+url+"' target='"+target+"'>"+keyword+"</a>");
alert(document.body.innerHTML);
}

Answer 3

另外我问一下，一般是不是网站上的
页面都会引用一个公用页面或脚本（或CSS),能否把此段代码发到此公用文件里
这样能否实现所有页面都拥用此功能？