JavaScript中可以使用正则表达式和字符串方法来实现突出显示包含数组中关键字的所有链接。下面是一种实现方法:
keywords
:var keywords = ["云计算", "JavaScript", "链接"];
document.getElementsByTagName("a")
方法获取所有的链接元素。test()
方法检查链接文本是否包含关键字。例如,可以使用正则表达式/关键字/i.test(link.innerText)
来检查链接文本是否包含关键字(不区分大小写)。replace()
方法将匹配的关键字用<mark>
标签包裹起来,以突出显示关键字。例如,可以使用link.innerHTML = link.innerHTML.replace(new RegExp('关键字', 'gi'), "<mark>关键字</mark>");
来替换文本中的关键字。下面是完整的JavaScript代码示例:
var keywords = ["云计算", "JavaScript", "链接"];
var links = document.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
var link = links[i];
for (var j = 0; j < keywords.length; j++) {
if (new RegExp(keywords[j], "i").test(link.innerText)) {
link.innerHTML = link.innerHTML.replace(new RegExp(keywords[j], "gi"), "<mark>$&</mark>");
}
}
}
这段代码将遍历页面中的所有链接元素,检查链接文本是否包含关键字,并将匹配的关键字用<mark>
标签包裹起来,实现突出显示。注意,这里使用了正则表达式的$&
表示匹配的内容。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。腾讯云云服务器提供可扩展的计算能力,适合托管网站、运行企业应用程序、进行批量处理和游戏服务等场景。腾讯云对象存储提供安全可靠、高扩展性和低成本的对象存储服务,适合存储和传输各种类型的数据。
腾讯云云服务器(CVM)介绍链接:https://cloud.tencent.com/product/cvm 腾讯云对象存储(COS)介绍链接:https://cloud.tencent.com/product/cos
领取专属 10元无门槛券
手把手带您无忧上云