JS批量替换内容中的关键词是超链接

懂seo的人都知道在内容中加入关键词的链接，在站内形成锚文本链接，这对seo有很大的帮助。

想法是在数据库中输入几个关键词以及与关键词对应的链接。当然，链接可以根据关键词的id自动生成，或者关键词可以直接作为链接参数，比如？tag=1、Kw=关键字。

这个问题不是批量更换那么简单。考虑到现有的超链接，里面的文字不能再用超链接替换，还有图片的alt属性或者其他标签的title属性，里面的文字不应该替换。

请参见以下HTML代码：

【a href=' http://www . Baidu.com ' rel=' external nofollow ' rel=' external nofollow '九寨沟总结/a】九寨沟位于四川省阿坝州九寨沟县境内。它是一个为期5年的景点，世界自然遗产，有“五大奇迹”的风景。感觉这辈子必游的景点海子是最独特的。适合一年四季旅游，秋天最美。Img src='http:' alt='九寨沟图片' title='九寨沟图片'/在这种情况下，不能直接用超链接替换九寨沟，否则第一个链接会被链接中包含的链接替换，然后图片上的alt和title也会替换一个链接，这绝对不符合HTML规范。

场景1:从属性中排除关键字

匹配的规律性是：关键字[] *，那么排除这个关键字的规律性是：关键字？([^]*)。

场景2:从链接中排除关键词

匹配的规律性是：关键字[] * \/a，那么排除这个关键字的规律性是：关键字？([^]*\/a)。

综合两种情况的结果是：var reg=/keyword(？([^]*)|([^]*\/a))/ig；

没有太多废话，最后给出了一个完整的批量替换例子：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8' /title无题文档/title/head dydiv id=' content '[A href=' http://www . Baidu.com ' rel=' external nofollow ' rel=' external nofollow '九寨沟摘要/A]九寨沟位于四川省阿坝州九寨沟县。它是一个为期5年的景点，也是世界自然遗产。有‘五绝’风光。感觉海子是我这辈子一定要去的最独特的景点。适合一年四季旅游，秋天最美。Img src='http:' alt='九寨沟图片' title='九寨沟图片'/div HR/div id=' new '/div script var c=document . getelementbyid(' content ')。innerhtml//var reg=/九寨沟(？([^]*)|([^]*\/a))/ig；Var json=[ {'key': '九寨沟'，' url':'/九寨沟/'}，{'key': '景区'，' url':'/景区/'}，{'key': '景区'，' var regfor(var I=0；ijson.lengthI){ var j=JSON[I]；reg=new RegExp(j.key '(？([^]*)|([^]*\/a))','ig']；c=c.replace(reg，' a href=' j . URL ' ' ' j . key '/a ')；}document.getElementById('new ')。innerHTML=c；/script/body/html替换的效果：

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助，也希望多多支持我们！