javascript关键字加亮加连接

更新时间：2008年06月02日 19:07:23 作者：

我想在页面里把想要的关键词加亮凸出(用颜色区分出来)显示,这样让客户一眼能看到重的东西,然后在加亮的关键词上可以加上超连接.请问高手们怎么实现宋的功能.就像搜索引擎的那种..搜索关键词的时候就显示红色的.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #box{border:1px solid #ddd;width:100px;height:100px;} </style> <script type="text/javascript"> </script> </head> <body> 　　一个和尚挑水吃、两个和尚抬水吃、三个和尚没水吃。总寺的方丈大人得知情况后，就派来了一名主持和一名书记，共同负责解决这一问题。主持上任后，发现问题的关键是管理不到位，于是就招聘一些和尚成立了寺庙管理部来制定分工流程。为了更好地借鉴国外的先进经验，寺庙选派唐僧等领导干部出国学习取经；此外，他们还专门花钱请了天主教、基督教的神父传授MBA。神父呆了不久留下几个东东就走了，一个叫BPR，一个叫ERP。 　　书记也没闲着，他认为问题的关键在于人才没有充分利用、寺庙文化没有建设好，于是就成立了人力资源部和寺庙工会等等，并认认真真地走起了竞聘上岗和定岗定编的过场。 &nbsp; 　　几天后成效出来了，三个和尚开始拼命地挑水了，可问题是怎么挑也不够喝。不仅如此，小和尚都忙着挑水、寺庙里没人念经了，日子一长，来烧香的客人越来越少，香火钱也变得拮据起来。为了解决收入问题，寺庙管理部、人力资源部等连续召开了几天的会，最后决定，成立专门的挑水部负责后勤和专门的烧香部负责市场前台。同时，为了更好地开展工作，寺庙提拔了十几名和尚分别担任副主持、主持助理，并在每个部门任命了部门小主持、副小主持、小主持助理。 &nbsp; 　　老问题终于得到缓解了，可新的问题跟着又来了。前台负责念经的和尚总抱怨口渴水不够喝，后台挑水的和尚也抱怨人手不足、水的需求量太大而且没个准儿，不好伺候。 &nbsp; 　　为了更好地解决这一矛盾，经开会研究决定，成立一个新的部门：喝水响应部，专门负责协调前后台矛盾。为了便于沟通、协调，每个部门都设立了对口的联系和尚。 协调虽然有了，但效果却不理想，仔细一研究，原来是由于水的需求量不准、水井数量不足等原因造成的。于是各部门又召开了几次会，决定加强前台念经和尚对饮用水的预测和念经和尚对挑水和尚满意度测评等，让前后台签署协定、相互打分，健全考核机制。为了便于打分考核，寺院特意购买了几个计算机系统，包括挑水统计系统、烧香统计系统、普通香客捐款分析系统、大香客捐款分析系统、挨上必死系统（简称IBS系统）、马上就死系统（简称MS系统）等，同时成立香火钱管理部、香火钱出账部、打井策略研究部、打井建设部、打井维护部等等。由于各个系统出来的数总不准确、都不一致，于是又成立了技术开发中心，负责各个系统的维护、二次开发。由于部门太多、办公场地不足，寺院专门成立了综合部来解决这一问题，最后决定把寺院整个变成办公区，香客烧香只许在山门外烧。 &nbsp; 　　部门多、当官的多档和开会自然就多，为了减少文山会海，综合办牵头召开了N次关于减少开会的会，并下达了"关于减少档的档"。同时，为了精简机构、提高效率，寺院还成立了精简机构办公室、机构改革研究部等部门。 &nbsp; 　　一切似乎都合情合理，但香火钱和喝水的问题还是迟迟不能解决。问题在哪呢？有的和尚提出来每月应该开一次分析会，于是经营分析部就应运而生了。分析需要很多数据和报表，可系统总是做不到，于是每个部门都指派了一些和尚手工统计、填写报表、给系统打工。 &nbsp; 　　寺院空前地热闹起来，有的和尚在拼命挑水、有的和尚在拼命念经、有的和尚在拼命协调、有的和尚在拼命分析……忙来忙去，水还是不够喝、香火钱还是不够用。什么原因呢？这个和尚说流程不顺、那个和尚说任务分解不合理，这个和尚说部门界面不清、那个和尚说考核力度不够。只有三个人最清楚问题之关键所在，那三个人就是最早的那三个和尚。说来说去，就是***闲人太多了！他们说："整天瞎分析个屁！什么***流程问题、职责问题、接口问题、考核问题，明明就是机构臃肿问题！早知今日，还不如当初咱们仨自觉自律一点算了！如今倒好，招来了这么一大帮傻B，一个个不干正经事还***人五人六的，跟屎盆子一样甩都甩不掉！" &nbsp; 　　又过了一年，寺院黄了，和尚们也都死了。人们在水井边发现了几具尸体，是累死的；在寺院里发现了几千具尸体，是渴死的。 </body> </html> <script language="javascript" type="text/javascript"> var keys = { "和尚":["http://www.baidu.com","#ff0000"], "系统":["http://www.google.com","#00ff00"], "念经":["http://www.yahoo.com","#0000ff"], "工会":["http://www.163.com","#cc6600"] } document.body.innerHTML = document.body.innerHTML.replace(/(和尚|系统|念经|工会)/g,function(){ var u=arguments[0]; return u.fontcolor(keys[u][1]).link(keys[u][0]); } ); </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

微信小程序中的轮播图实现示例
打开一个小程序，我们会发现，一般构图排版都是图片banner - 快捷按钮 - 产品/文章列表等详细信息，底部导航一般是2~5个。这样的排版是比较美观的，那么为什么要这样设计，这些轮播图、快捷按钮等小程序组件都有什么用呢？接下来就带你详细了解下
2022-12-12
详解JavaScript的函数简介
这篇文章主要为大家介绍了JavaScript的函数简介，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-11-11
uniapp使用u-upload组件来实现图片上传功能
最近在用uniapp开发微信小程序,下面这篇文章主要给大家介绍了关于uniapp使用u-upload组件来实现图片上传功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-01-01
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
这篇文章主要介绍了JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转,本文给大家分享实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-11-11
JS onmousemove鼠标移动坐标接龙DIV效果实例
这篇文章主要介绍了JS onmousemove鼠标移动坐标接龙DIV效果实例，有需要的朋友可以参考一下
2013-12-12
js面向对象的写法
这篇文章主要介绍了四种js面向对象的常见写法，还介绍了有关this的相关内容，感兴趣的小伙伴们可以参考一下
2016-02-02
小程序获取用户信息的两种方法详解(getUserProfile和头像昵称填写)
小程序获取用户信息这部分其实不难,但是,他有点麻烦,下面这篇文章主要给大家介绍了关于小程序获取用户信息的两种方法,主要使用的是getUserProfile和头像昵称填写这两种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-08-08
js实现DIV的一些简单控制
js实现DIV的一些简单控制...
2007-06-06
javascript生成img标签的3种实现方法(对象、方法、html)
这篇文章主要介绍了javascript生成img标签的3种实现方法,包括对象、方法、html三种实现方式,具有一定参考借鉴价值,需要的朋友可以参考下
2015-12-12
JavaScript实现联动菜单特效
这篇文章主要为大家详细介绍了JavaScript实现联动菜单特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-01-01

javascript关键字加亮加连接

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具