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

2024-12-18 11:17:21

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

最初是用的 str.replace('糖尿病', '<a href=...>糖尿病</a>');

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

因此要把<a>链接、<img>标签避开，但<div>等标签不用避开

上图：

代码如下:

s = "<a href='http://www.yx129.com/bingli/1_310.html'>先看一个糖尿病病历</a> " +
 "<IMG style='vertical-align:middle' width=40 src='http://yx129.com/api/minisite/images/skin/green/doctor_thumb_100.png'/>糖尿病王医生 " +
 "糖尿病简介 糖尿病发病率 <a href='baidu.com'>糖尿病症状 " +
 "</a> ";
document.write(s);

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

var arr_ele = [];
//先把<a><img>2类标签全部替换为{{index}}，然后处理剩下的文字，再把<a><img>标签的内容替换回去
while(true){
 if(-1 == s.toLowerCase().indexOf('<a ') && -1 == s.toLowerCase().indexOf('<img ')){
 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, "<a target='_blank' href='http://jibing.yx129.com/tnb'>糖尿病</a>");

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

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

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

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

js 关键词高亮(根据ID/tag高亮关键字)案例介绍

复制代码代码如下: <!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=&qu
JS实现获取来自百度,Google,soso,sogou关键词的方法

本文实例讲述了JS实现获取来自百度,Google,soso,sogou关键词的方法.分享给大家供大家参考,具体如下: /*可获取用户,通过哪个关键词访问该页,可自行添加SOGOU,SOSO,有道等搜索引擎*/ var refer=document.referrer; var sosuo=refer.split(".")[1]; var grep=null; var str=null; var keyword=null; switch(sosuo){ case "baidu&q
JS实现搜索关键词的智能提示功能

最近在百度搜索的时候,当你输入一个字或者词的时候,他会给你们弹出一个下拉框出来,里面是和你相关的搜索提示比如我输入杨字,他会给我提示以下搜索提示我尝试着用JavaScript做了一个类似的练习,以下是我用VS2013写的代码,有不对的地方,请不吝赐教. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont
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=&qu
firefox下javascript实现高亮关键词的方法

复制代码代码如下: IE下有: var range = document.createRange(); FireFox下有: var range = document.body.createTextRange(); IE下有findText及pasteHTML,但是fireFox下就没有!怎么办?查了好多资料,都没有能说出个所以然的,皇天不负有心人,终于让我给搞出来了! 注:我这里不是用正则替换,因为正则替换有它的不足之处! 不知道先前有没有高人研究过这种方法. Untitled
js文本中搜索关键词输入效果

搜索类型文章图片商品点评 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
使用 js+正则表达式为关键词添加链接

要求把一段html脚本中的疾病名添加到疾病库的链接,只添加一次,要避开超链接或图片链接. 最初是用的 str.replace('糖尿病', '<a href=...>糖尿病</a>'); 结果找了半天,愣是没找到替换后的效果,原来是有个图片的title中包含糖尿病,被它捷足先登了. 因此要把<a>链接.<img>标签避开,但<div>等标签不用避开上图: 复制代码代码如下: s = "<a href='
js正则表达式中的单行模式与多行模式实例分析

本文实例分析了js正则表达式中的单行模式与多行模式.分享给大家供大家参考.具体如下: js正则表达式是不支持单行模式的.也就是说,不能把某段内容(有换行),采用模式修正符来处理,使整段内容当成一行来处理. 正则多行替换,需要添加/mg模式增强符. <html> <head> <script type="text/javascript"> //正则替换链接,链接有换行 function t1(){ var con = document.getEleme
浅谈JS正则表达式的RegExp对象和括号的使用

RegExp对象的创建: 常规的正则表达式的创建可用直接量,即斜杠 "/" 括起来的字符.但在要求参数变化的环境下,RegExp()构造函数是更好的选择: var reg1 = /'\w+'/g; var reg2 = new RegExp('\'\\w+\'','g'); 对比两种创建方式,RegExp中的第一个参数为要创建的正则字符串,一方面注意,因为不是直接量的表示形式,因此不用斜杠" / "括起来了:而是字符串中必须要对引号" ' "和转
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析

本文实例分析了js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法.分享给大家供大家参考,具体如下: 最近在阅读RequireJS 2.1.15源码,源码开始处定义了一系列的变量,有4个正则表达式: var commentRegExp = /(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg, cjsRequireRegExp = /[^.]\s*require\s*$\s*["']([^'"\s]+)["']\s*$/g, jsS
详解js正则表达式语法介绍

本文介绍了js正则表达式,具体如下: 1. 正则表达式规则 1.1 普通字符字母.数字.汉字.下划线.以及后边章节中没有特殊定义的标点符号,都是"普通字符".表达式中的普通字符,在匹配一个字符串的时候,匹配与之相同的一个字符. 举例1:表达式 "c",在匹配字符串 "abcde" 时,匹配结果是:成功:匹配到的内容是:"c":匹配到的位置是:开始于2,结束于3.(注:下标从0开始还是从1开始,因当前编程语言的不同而可能不同)
深入理解JS正则表达式---分组

深入理解JS正则表达式---分组之前写了一篇关于正则新手入门的文章,本以为对正则表达式相对比较了解但是今天我又遇到了一个坑,可能是自己不够细心的原因吧,今天就着重和大家分享一下javascript正则表达式中的分组.如果你对JS正则表达式不够理解可以点击这里了解更多. 分组在正则中用的还是比较广的,我所理解的分组就是一对括号() ,每一对括号就代表了一个分组,分组可以分为: •捕获性分组 •非捕获性分组捕获性分组捕获性分组会在比如 match exec这样的函数中以第二项,第三项
JS正则表达式替换url参数的方法

具体代码如下所示: /* 定义替换对象键值 */ var setReferArgs = function(){ var referArgs = new Object(); referArgs['#userID\#'] = userId; referArgs['\#userName\#'] = userName; return referArgs; } /* 替换URL的参数 */ var replaceUrlParams = function(url){ var actualUrl = "&qu
JS正则表达式获取指定字符之后指定字符之前的字符串(推荐)

一个常见的场景,获取:标签背景图片链接: 如字符串:var bgImg = "url (\"https://img30.360buyimg.com/sku/jfs/t26203/262/100869187/204098/1d1479e9/5b84b80bNf39db45f.jpg\")"; 脚本: var backgroundImageRegex=/(?<=url$").+(?="$)/; var matchResult=bgImg.m
最新JS正则表达式验证邮箱和手机号实例(2022)

验证邮箱的正则表达式: const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ 或 const regEmail = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/ 验证手机号的正则表达式: const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[
最常用的15个前端表单验证JS正则表达式

在表单验证中,使用正则表达式来验证正确与否是一个很频繁的操作,本文收集整理了15个常用的JavaScript正则表达式,其中包括用户名.密码强度.整数.数字.电子邮件地址(Email).手机号码.身份证号.URL地址. IPv4地址. 十六进制颜色. 日期. QQ号码. 微信号.车牌号.中文正则. 1 用户名正则 //用户名正则,4到16位(字母,数字,下划线,减号) var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uP

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

相关推荐

随机推荐