简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

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

WBOY
发布： 2016-05-16 16:31:38
原创
1757 人浏览过

要求把一段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 正则表达式为关键词添加链接的全部代码了，简单吧，有需要的小伙伴可以参考下

相关标签：
js 关键词 正则表达式
来源：php.cn
上一篇：jQuery $命名冲突解决方案汇总_jquery 下一篇：jquery插件推荐 jquery.cookie_jquery
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
在多个路由中声明的workerpool是否仍然可以保持其cpu使用率而不关心阈值 我希望找到一个带有workerpool的node.js系统来处理CPU密集型任务，但是对于多条路由中的cpu使用情况，我有些困惑。一个场景是这样的：route1.js:constw...
来自于 2024-04-06 19:54:23
0
1
444
放大 d3.js 时散点图点不会保持值 这是我第一次使用d3.js，所以请耐心等待。我在vue.js文件中将其作为纯JavaScript实现。我正在尝试制作具有缩放功能的散点图。到目前为止，我几乎一切正常，但当我缩放时，...
来自于 2024-04-06 18:16:26
0
1
403
显示隐藏的侧面板：选中 我希望在侧面板中有一个导航菜单，可以通过动画汉堡菜单切换到视图。我想仅使用CSS创建它，而不使用任何JS。:checked伪类似乎是可行的方法，但我无法让它工作。到目前为止我拥有的...
来自于 2024-04-06 15:49:33
0
1
319
我们是否应该使用 SSG 来部署使用 Nuxt.js 创建的仪表板？ 我们将使用Nuxt.js开发一个供内部使用的仪表板。由于这将是一个内部仪表板，因此不需要通用模式。一般大部分仪表板都是在SPA中开发的。但是SPA还需要服务器将初始HTML和js包...
来自于 2024-04-06 13:17:44
0
1
493
Electron 在预加载时获取 AppData 如何获取预加载的AppData目录？背景.js[...]asyncfunctioncreateWindow(){constwin=newBrowserWindow({width:8...
来自于 2024-04-06 11:05:31
0
1
417
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！