javascript查找关键字高亮效果
全文查找高亮（非正则法）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>全局关键字高亮</title>
<style type="text/css">
body{font-size:12px;background-color:#191919;color:#ADADAD;line-height:20px;}
.adKeyword{color:#FF0000;}
p{width:800px;margin:10px auto;text-indent:2em;}
span{text-decoration:underline;}
</style>
<script language="JavaScript" type="text/javascript">
function init(){
var keys = [["和尚","http://www.baidu.com","#CCCC33"],["系统","http://www.baidu.com","#FFFF99"], ["念经","http://www.baidu.com","#00ca66"],["工会","http://www.baidu.com","#33CCFF"]];
var bookmark;
if(document.createRange){var range = document.createRange();}else{var range = document.body.createTextRange();bookmark = range.getBookmark();}
var key;
for(var i = 0;key = keys[i];i++){
if(range.findText){
range.collapse(true);
range.moveToBookmark(bookmark);
while(range.findText(key[0])){
range.pasteHTML(range.text.fontcolor(key[2]));
}
}else{
var s,n;
s = window.getSelection();
s.collapse(document.body,0);
while(window.find(key[0])){
var n=document.createElement("SPAN");
n.style.color=key[2];
s.getRangeAt(0).surroundContents(n);
}
}
}
}
window.οnlοad=init;
</script>
</head>
<body>
<p>一个和尚挑水吃、两个和尚抬水吃、三个和尚没水吃。总寺的方丈大人得知情况后，就派来了一名主持和一名书记，共同负责解决这一问题。主持上任后，发现问题的关键是管理不到位，于是就招聘一些和尚成立了寺庙管理部来制定分工流程。为了更好地借鉴国外的先进经验，寺庙选派唐僧等领导干部出国学习取经；此外，他们还专门花钱请了天主教、基督教的神父传授MBA。神父呆了不久留下几个东东就走了，一个叫BPR，一个叫ERP。</p>
<p>书记也没闲着，他认为问题的关键在于人才没有充分利用、寺庙文化没有建设好，于是就成立了人力资源部和寺庙工会等等，并认认真真地走起了竞聘上岗和定岗定编的过场。</p>
<p>几天后成效出来了，三个和尚开始拼命地挑水了，可问题是怎么挑也不够喝。不仅如此，小和尚都忙着挑水、寺庙里没人念经了，日子一长，来烧香的客人越来越少，香火钱也变得拮据起来。为了解决收入问题，寺庙管理部、人力资源部等连续召开了几天的会，最后决定，成立专门的挑水部负责后勤和专门的烧香部负责市场前台。同时，为了更好地开展工作，寺庙提拔了十几名和尚分别担任副主持、主持助理，并在每个部门任命了部门小主持、副小主持、小主持助理。</p>
<p>老问题终于得到缓解了，可新的问题跟着又来了。前台负责念经的和尚总抱怨口渴水不够喝，后台挑水的和尚也抱怨人手不足、水的需求量太大而且没个准儿，不好伺候。</p>
<p>为了更好地解决这一矛盾，经开会研究决定，成立一个新的部门：喝水响应部，专门负责协调前后台矛盾。为了便于沟通、协调，每个部门都设立了对口的联系和尚。 协调虽然有了，但效果却不理想，仔细一研究，原来是由于水的需求量不准、水井数量不足等原因造成的。于是各部门又召开了几次会，决定加强前台念经和尚对饮用水的预测和念经和尚对挑水和尚满意度测评等，让前后台签署协定、相互打分，健全考核机制。为了便于打分考核，寺院特意购买了几个计算机系统，包括挑水统计系统、烧香统计系统、普通香客捐款分析系统、大香客捐款分析系统、挨上必死系统（简称IBS系统）、马上就死系统（简称MS系统）等，同时成立香火钱管理部、香火钱出账部、打井策略研究部、打井建设部、打井维护部等等。由于各个系统出来的数总不准确、都不一致，于是又成立了技术开发中心，负责各个系统的维护、二次开发。由于部门太多、办公场地不足，寺院专门成立了综合部来解决这一问题，最后决定把寺院整个变成办公区，香客烧香只许在山门外烧。 </p>
<p>部门多、当官的多档和开会自然就多，为了减少文山会海，综合办牵头召开了N次关于减少开会的会，并下达了“关于减少档的档”。同时，为了精简机构、提高效率，寺院还成立了精简机构办公室、机构改革研究部等部门。 </p>
<p>一切似乎都合情合理，但香火钱和喝水的问题还是迟迟不能解决。问题在哪呢？有的和尚提出来每月应该开一次分析会，于是经营分析部就应运而生了。分析需要很多数据和报表，可系统总是做不到，于是每个部门都指派了一些和尚手工统计、填写报表、给系统打工。</p>
<p>寺院空前地热闹起来，有的和尚在拼命挑水、有的和尚在拼命念经、有的和尚在拼命协调、有的和尚在拼命分析……忙来忙去，水还是不够喝、香火钱还是不够用。什么原因呢？这个和尚说流程不顺、那个和尚说任务分解不合理，这个和尚说部门界面不清、那个和尚说考核力度不够。只有三个人最清楚问题之关键所在，那三个人就是最早的那三个和尚。说来说去，就是***闲人太多了！他们说：“整天瞎分析个屁！什么***流程问题、职责问题、接口问题、考核问题，明明就是机构臃肿问题！早知今日，还不如当初咱们仨自觉自律一点算了！如今倒好，招来了这么一大帮傻B，一个个不干正经事还***人五人六的，跟屎盆子一样甩都甩不掉！”</p>
<p>又过了一年，寺院黄了，和尚们也都死了。人们在水井边发现了几具尸体，是累死的；在寺院里发现了几千具尸体，是渴死的。</p>
</body>
</html>
转载于:https://www.cnblogs.com/NRabbit/archive/2009/04/25/1736189.html
javascript查找关键字高亮效果相关推荐
- javascript实现关键字搜索和匹配关键字高亮效果
效果图 <input type="text"><button style="margin-right: 80px">查询</but ...
- angular 代码高亮_angular 搜索/查找关键字高亮
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 /** *Created by JUNHUI on 2016/11/21. */ /* *参数说明: *obj: 对象, 要进行高亮显示的html标签节点 ...
- 小程序-输入关键字搜索，关键字在搜索列表中高亮效果
这里写自定义目录标题 小程序-输入关键字搜索,关键字在搜索列表中高亮效果 小程序-输入关键字搜索,关键字在搜索列表中高亮效果 第一步:按照网上大神写的思路,在截取首位关键字空格方法 出现找不到repl ...
- pdf与word查找关键并生成关键字高亮的新文件
需要依赖 <dependency><groupId>org.apache.pdfbox</groupId><artifactId>pdfbox</ ...
- 搜索关键字高亮_Django Haystack 全文检索与关键词高亮
作者:HelloGitHub-追梦人物[1] 文中所涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库[2] 点击本文最下方的"阅读原文"即可获取 博客提供 RS ...
- C# RichTextBox 实现循环查找关键字
实现效果如上图,点击"Search"按钮,开始从文首查找关键字"menu",并高亮,再次点击"Search"按钮,继续查找下一个.查找到文末 ...
- 文本域 自定义下拉框 支持模糊检索 关键字高亮 上下选择
转载自:文本域 自定义下拉框 支持模糊检索 关键字高亮 上下选择 一.需求 需要创建一个常见问题库,填写存在问题时可以下拉选择,可以模糊搜索,也可以手写.如果选择了问题库中的内容,自动填充内容到存在问 ...
- html表格鼠标高亮行列,JS实现的表格行鼠标点击高亮效果代码
本文实例讲述了JS实现的表格行鼠标点击高亮效果代码.分享给大家供大家参考,具体如下: 偶尔在看天天基金网净值公告时,从源代码里剥下的一段js代码,感觉比较实用,分享一下(仅IE有效) var high ...
- java 搜索文件 pdf_Java查找并高亮PDF文本过程解析
本文将介绍如何通过Java程序来查找并高亮PDF中的文本. 使用工具:Free Spire.PDF for Java(免费版) Jar文件获取及导入: 方法1:官网下载Jar文件包.下载后,解压,并将 ...
最新文章
- 微软采购amd服务器芯片,微软计划自研PC和服务器芯片 英特尔AMD股价应声下跌
- JVMTOP JVM 监视工具
- PHP实现http与https转化[转张宴]
- 【简报】超棒的拖放式文件上传javascript类库：FileDrop
- Web前端优化最佳实践及工具集锦
- java codepointbefore_Java StringBuilder codePointBefore()方法与示例
- c++多边形扫描线填充算法_基于3DGIS技术的梯形格网构建及其简化算法设计
- 作为前端Web开发者，这12条基本命令不可不会
- [PAT A1043]Is is a Binary Search Tree
- win10安装免安装版的mysql5.7
- 计算机桌面背景设成白色,电脑桌面背景变白色的了怎么处理啊?
- EI CCIE企业基础架构技术 什么是DNAC ？－IELAB
- 202130310164
- ZVS振荡电路工作原理分析
- vue2项目引入社交分享插件vshare
- 1176: 【入门】买蛋糕
- 70G内存的手机，比8G内存的电脑快吗？
- 什么是AI解梦，你了解吗？
- javascript下载文件几种方式，接收后台返回流下载或直接下载文件
- Few-shot learning 少样本学习