`

把搜索的结果加红(加亮)显示

阅读更多

形如Google,Baidu的搜索关键字加亮,用javascript方法实现很简单,如果添加上面很炫,有需要的仁兄可以看看。

 

把<script>加在</body>上面.在搜索结果的后面

 


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

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

字符 含义  
$$ $ (JScript 5.5 或更新版本)  
$& 指定与整个模式匹配的 stringObj 的部分。 (JScript 5.5 或更新版本)  
$` 指定由 $& 描述的匹配之前的 stringObj 部分。 (JScript 5.5 或更新版本)  
$' 指定由 $& 描述的匹配之后的 stringObj 部分。 (JScript 5.5 或更新版本)  
$n 捕获的第 n 个子匹配,此处 n 为从1到9的十进制一位数。 (JScript 5.5 或更新版本)  
$nn 捕获的第 nn 个子匹配,此处 nn 为从01到99的十进制两位数。 (JScript 5.5 或更新版本) 
g,全局模式匹配 
i,不区分大小写匹配

注:
1〉如果你需要通过传递参数来获得关键字,你只要适当调整代码就可以了。
2〉千万注意你样式里面含有相同的关键字的匹配,如关键字是“1”的时候,你的样式里面有height=1,这是就会出现错误,这些具体的错误,你们就要自己具体调试了。

分享到:
评论

相关推荐

    个性签名的加粗加亮的方法 for phpwind7.3.2.rar

    这个压缩包文件“个性签名的加粗加亮的方法 for phpwind7.3.2.rar”提供了一种方法,帮助用户在他们的签名中实现文字的加粗和高亮效果,以增强视觉吸引力和个性化表达。以下将详细介绍这一方法。 首先,我们需要...

    jQuery 实现搜索查找目标字符加红高亮功能.rar

    在给定的“jQuery 实现搜索查找目标字符加红高亮功能.rar”压缩包中,包含了一个实现关键词高亮显示的 jQuery 实例。这个功能对于提升用户在网页上的搜索体验具有重要意义,因为用户可以快速地识别出他们正在寻找的...

    红色飘亮的商务网站模板_红色 商务 导航 简洁 企业.zip

    6. **SEO优化**:好的商务网站模板会考虑搜索引擎优化(SEO),包括合理的元标签、关键词策略和结构化的HTML,以提高网站在搜索引擎结果中的排名。 7. **图像和图标**:模板可能包含高质量的图像和图标,它们不仅...

    ASP指定字符替换内容中出现的亮红

    "ASP指定字符替换内容中出现的亮红"就是这样一个需求,目的是当指定的字符串出现在网页内容中时,自动将其变为红色,以引起用户的注意。下面我们将详细探讨如何实现这一功能。 首先,我们需要理解ASP的基本语法。...

    javascript关键字加亮加连接

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

    SKYMAP星空软件可以显示4000BC8000AD任何一天星空亮.docx

    - **搜索功能**:使用“Search”功能可以快速定位并显示用户感兴趣的天体。 - **跟踪移动天体**:通过锁定某个移动天体,如金星,软件可以自动追踪其运动轨迹。 6. **鼠标操作与信息查询** - 在星图上的特定区域...

    红黑会员专用超功能记事本

    4. **搜索与替换**:提供强大的搜索和替换功能,支持正则表达式,便于快速查找和修改大量文本。 5. **宏录制与播放**:具备宏功能,可以录制并回放一系列操作,提高工作效率。 6. **文本比较与合并**:能够对比两...

    PHP实现多关键字加亮功能

    在PHP编程中,实现多关键字加亮功能是一个常见的需求,特别是在搜索结果展示时,通过高亮关键词可以帮助用户更快地定位到他们关心的信息。本篇文章将详细介绍如何使用PHP来完成这一功能。 首先,我们需要理解基本的...

    ver14.rar_义隆_义隆 红外_义隆 红外灯_红外

    这些标签可能用于分类和搜索,方便用户找到相关的资源和技术支持。 压缩包内的文件名称列表提供了项目开发的一些线索: 1. "ver14.apj":这可能是项目的应用工程文件,通常包含程序代码、配置信息和编译结果。 2. ...

    led显示屏 控制卡 仰绑单双色 广告屏 控制系统

    "湖北最大的led显示屏批发商.url"和"强大的搜索引擎可同时使用国内8款搜索引擎没有你搜不到的.url"则是两个网址链接,分别指向一个批发商的信息和一个搜索引擎工具,可能对寻找相关产品和信息来源有所帮助。...

    Word怎样快速标亮文中英文.docx

    在Microsoft Word中,快速标亮或突出显示文中的英文是一项常用的功能,可以帮助用户迅速识别文档中的特定语言部分,尤其在处理多语言文档时非常实用。下面将详细介绍如何在Word 2021中实现这一操作。 步骤一:启动...

    led显示屏 控制系统 中航 单双色 广告屏

    "强大的搜索引擎可同时使用国内8款搜索引擎没有你搜不到的.url"表明存在一个集成多引擎搜索的工具,可以帮助用户更全面地获取LED显示屏相关的技术资料、产品信息和解决方案。 总的来说,中航的LED显示屏控制系统以...

    基于SIFT算法的红外图像拼接方法改进.docx

    8. **相关文献**:文中提到了几篇相关的研究,它们都围绕SIFT算法的改进,用于掌纹图像拼接、图像拼接技术、红外搜索系统序列图像拼接以及无人机图像拼接等领域,显示出SIFT算法及其改进在图像处理中的广泛应用。...

    字库12864液晶屏显示程序可用

    3. **点阵液晶显示原理**:液晶屏利用液晶分子的排列方式改变光的传播方向来控制像素的亮灭。每个像素由多个子像素组成,分别对应红色、绿色和蓝色,通过组合形成不同的颜色。 4. **编程接口**:开发人员需要编写...

    ClearType优化显示WIN系统的字体

    3. **子像素渲染**:ClearType的核心技术是子像素渲染,它利用LCD显示器每个像素由红、绿、蓝三个子像素组成的特点,分别对每个颜色通道进行微调,使得文本看起来更平滑,减少锯齿感。 4. **对比度和亮度**:优化...

    关于计算设备显示屏或其一部分带有图标的介绍说明.rar

    在计算机技术领域,显示屏及其图标是用户界面的重要组成部分,它们为用户提供直观的交互方式和信息展示。本介绍将深入探讨计算设备显示屏的工作原理、图标的意义与应用,以及它们如何共同提升用户体验。 首先,我们...

    可见光与红外图像自动配准算法的设计与实现.pdf

    Tian等人提出了基于图像边缘提取和形状上下文的方法进行匹配,通过提取红外和可见光图像人脸目标的轮廓并结合形状上下文寻找最佳匹配点对,最后使用EM(最大期望)算法对配准参数进行优化,最终获得较好的配准结果。...

    DJI_TSDK.zip

    灰度映射则涉及到将温度值转换为图像的灰度级别,使得温度高的区域显示为较亮的颜色,温度低的区域显示为较暗的颜色。温度标定则是根据已知的温度参考点,校准整个图像的温度范围,确保测量的准确性。 在处理过程中...

    Win8系统中校正显示器颜色的操作方法是什么?.docx

    可以通过搜索栏输入“控制面板”并点击搜索结果中的应用来打开。控制面板是设置和调整系统各种参数的主要界面。 2. **选择外观和个性化**: 在控制面板窗口中,找到并点击“外观和个性化”选项。这个部分包含了与...

    交通信号灯控制器的设计与制作毕业设计论文.doc

    该控制器由单片机、红外传感器、红绿灯显示电路、倒计时显示电路等组成。 设计任务: 1. 设计一个交通信号灯控制器,实现交通信号灯的自动控制。 2. 主干道绿灯亮 45 秒,支干道绿灯 25 秒,每次由绿灯变为红灯时...

Global site tag (gtag.js) - Google Analytics