当前位置: 开发笔记 > 前端 > 正文

使用js+正则表达式为关键词添加链接

作者：突然丶丶想你 | 来源：互联网 | 2022-01-05 20:29

这篇文章主要介绍了使用js+正则表达式为关键词添加链接,十分的简单，需要的朋友可以参考下

要求把一段html脚本中的疾病名添加到疾病库的链接，只添加一次，要避开超链接或图片链接。

最初是用的 str.replace('糖尿病', '糖尿病');

结果找了半天，愣是没找到替换后的效果，原来是有个图片的title中包含糖尿病，被它捷足先登了。

因此要把链接、标签避开，但

等标签不用避开

上图：

代码如下:

s = "先看一个糖尿病病历
" +
         "糖尿病王医生
" +
         "糖尿病简介
糖尿病发病率
糖尿病症状
" +
         " ";
document.write(s);

a_reg = //i; //a链接的正则
img_reg = //i; //图片链接的正则，防止图片的title,alt什么的属性包括疾病名而误替换
var ix = 0;

var arr_ele = [];
//先把2类标签全部替换为{{index}}，然后处理剩下的文字，再把标签的内容替换回去
while(true){
    if(-1 == s.toLowerCase().indexOf('         break;
    }
    a_match = s.match(a_reg);
    if(a_match){
        //console.log(a_match);
        arr_ele.push(a_match[0]);
        s = s.replace(a_reg, '{{' +ix+ '}}');
        ix++;
    }
    img_match = s.match(img_reg);
    if(img_match){
        //console.log(img_match);
        arr_ele.push(img_match[0]);
        s = s.replace(img_reg, '{{' +ix+ '}}');
        ix++;
    }
    console.log(s);
}

document.write('
-------------------------
第1步：把链接替换为{{index}}后：
'+s+'
');

s = s.replace(/糖尿病/i, "糖尿病");

document.write('
-------------------------
第2步：添加疾病库链接后：
'+s+'
');

if(arr_ele){
    for(var i=0; i         s = s.replace('{{' + i + '}}', arr_ele[i]);
    }
}

document.write('
-------------------------
第3步：把链接替换回去之后：
'+s+'
');

以上就是使用 js+正则表达式为关键词添加链接的全部代码了，简单吧，有需要的小伙伴可以参考下

html

推荐阅读

js
地球坐标、火星坐标及百度坐标间的转换算法 C# 实现

本文介绍了WGS84坐标系统及其精度改进历程，探讨了火星坐标系统的安全性和应用背景，并详细解析了火星坐标与百度坐标之间的转换算法，提供了C#语言的实现代码。 ... [详细]

蜡笔小新 2024-12-15 20:11:43
js
深入理解 C++ 中的闭包机制

本文详细探讨了C++中闭包的概念及其实现方式，包括通过重载operator()、使用lambda表达式以及std::bind等方法，旨在帮助开发者更好地理解和运用闭包。 ... [详细]

蜡笔小新 2024-12-15 19:50:51
js
在DELL Inspiron 14R上部署CentOS X64 6.4的详细步骤

本文详细记录了在DELL Inspiron 14R笔记本电脑上安装CentOS X64 6.4操作系统的过程，包括遇到的问题及解决方法。 ... [详细]

蜡笔小新 2024-12-15 18:10:54
js
高效检测与修复：安卓手机屏幕测试工具

一款名为Display Tester的软件不仅能帮助用户检测手机屏幕的多种问题，还能尝试修复AMOLED屏幕的烧屏现象，为用户提供全面的屏幕健康管理方案。 ... [详细]

蜡笔小新 2024-12-15 17:43:01
js
关于考研与就业的选择思考

探讨了一个关于是否应该继续深造或直接步入职场的讨论帖，虽然时间久远，但其内容依然具有参考价值。 ... [详细]

蜡笔小新 2024-12-15 17:41:30
js
解析与执行JavaScript中的字符串代码

本文探讨了在JavaScript中执行字符串形式代码的多种方法，包括使用eval()函数以及跨页面调用的方法。同时，文章详细介绍了JavaScript中字符串的各种常用方法及其应用场景。 ... [详细]

蜡笔小新 2024-12-15 17:08:55
js
百度云加速节点IP白名单配置指南：宝塔面板Nginx防火墙应用

百度云加速为已备案的网站提供免费加速服务，但使用宝塔面板自带Nginx防火墙的用户需将百度云加速的CDN IP段加入白名单以确保正常访问。本文将详细介绍如何操作。 ... [详细]

蜡笔小新 2024-12-15 16:42:15
js
MyEclipse技巧：高效生成toString方法

本文将介绍如何在MyEclipse中快速且高效地生成toString方法，帮助开发者简化编码过程，提高开发效率。 ... [详细]

蜡笔小新 2024-12-15 16:25:12
js
Windows 下 VMWare 服务的命令行管理

本文介绍了如何使用命令行在 Windows 系统中启动或关闭 VMWare 的关键服务，包括 VMwareHostd、VMAuthdService、VMUSBArbService、VMware NAT Service 和 VMnetDHCP。 ... [详细]

蜡笔小新 2024-12-15 16:05:52
js
分享个人开源项目

本文介绍并分享了三个个人开源项目，涵盖单元测试中HttpContext的可测试性增强、Visual Studio插件开发以及单元测试报告自动生成工具。 ... [详细]

蜡笔小新 2024-12-15 16:00:23
js
HTML网页出现乱码的主要成因及解决策略

本文深入分析了HTML网页出现乱码的各种可能原因，并提供了相应的解决方案，帮助开发者有效避免和处理此类问题。 ... [详细]

蜡笔小新 2024-12-15 15:51:49
js
深入解析C++中的赋值运算符重载

本文详细探讨了C++中赋值运算符重载函数（operator=）的使用方法和注意事项，结合实例分析了其参数、返回值、调用时机等关键点，并讨论了浅拷贝和深拷贝的区别及其重要性。 ... [详细]

蜡笔小新 2024-12-15 15:43:11
js
深入解析NSRunLoop机制

本文将详细介绍NSRunLoop的工作原理，包括其基本概念、消息类型（事件源）、运行模式、生命周期管理以及嵌套运行等关键知识点，帮助开发者更好地理解和应用这一重要技术。 ... [详细]

蜡笔小新 2024-12-15 15:24:53
js
Django中通过UpdateView更新后跳转至DetailView的方法

本文介绍如何在Django项目中利用UpdateView更新数据后，根据主键(pk)自动重定向至对应的DetailView页面，实现流畅的用户交互体验。 ... [详细]

蜡笔小新 2024-12-15 15:00:26
js
Python 中使用 Pyecharts 绘制雷达图详解

本文将详细介绍如何在 Python 环境中利用 Pyecharts 库来创建美观且功能丰富的雷达图。适合需要图形化展示多维度数据的开发者和研究人员。 ... [详细]

蜡笔小新 2024-12-15 14:59:36

突然丶丶想你

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章