JS使用正则表达式实现关键字替换加粗功能示例
更新时间：2016年08月03日 11:53:20 作者：Quber
这篇文章主要介绍了JS使用正则表达式实现关键字替换加粗功能,涉及javascript基本正则匹配与替换操作相关技巧,需要的朋友可以参考下
本文实例讲述了JS使用正则表达式实现关键字替换加粗功能的方法。分享给大家供大家参考，具体如下：
<!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="Content-Type" content="text/html; charset=gb2312" />
<title>正则替换</title>
</head>
<body>
<script type="text/javascript">
var str = "使用正则表达式把关键字替换加粗，文字加粗";
var word = "加粗";
str = str.replace(new RegExp("(" + word + ")","ig"), "<strong>" + word + "</strong>");
document.write(str);
</script>
</body>
</html>
运行效果截图如下：
PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：
JavaScript正则表达式在线测试工具：
http://tools.jb51.net/regex/javascript
正则表达式在线生成工具：
http://tools.jb51.net/regex/create_reg
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
在开发过程中,前端有时需要对后端返回的数据进行一些处理,当后端返回给我们json对象数组时,我们可能会需要按照对象中的某一个属性来进行分组,下面这篇文章主要给大家介绍了关于javascript数组按属性分组的实现方法,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了封装axios来管控api的2种方式,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-09-09
下面小编就为大家分享一篇Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-11-11
这篇文章主要为大家详细介绍了js实现淘宝浏览商品放大镜功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
这篇文章主要介绍了JavaScript中Number的对象解析，Number对象是数值对应的包装对象，可以作为构造函数使用，也可以作为工具函数使用，感兴趣的朋友可以参考一下下面文章内容2022-08-08
图片的上传预览功能主要用于图片上传前的一个效果的预览，这篇文章主要介绍了Javascript图片上传前的本地预览实例,需要的朋友可以参考下2014-06-06
这篇文章谈谈JavaScript的隐式类型转换，我们知道在JavaScript中声明变量不需指定类型， 对变量赋值也没有类型检查，同时JavaScript允许隐式类型转换。这些特征说明JavaScript属于弱类型的语言。2016-08-08
本文主要介绍了Ajax 实现不刷新取最新商品的方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
在某些情况下,我们会比TS更清楚一个数据的类型,这种时候我们就可以使用断言来告诉TS相信我,我知道自己在干什么,下面这篇文章主要给大家介绍了关于TypeScript函数和类型断言的相关资料,需要的朋友可以参考下2022-06-06
这篇文章主要介绍了JS处理json日期格式化问题的相关资料,需要的朋友可以参考下2015-10-10
最新评论