JS使用正则表达式实现关键字替换加粗功能示例


Posted in Javascript onAugust 03, 2016

本文实例讲述了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>

运行效果截图如下:

JS使用正则表达式实现关键字替换加粗功能示例

Javascript 相关文章推荐
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
Mar 04 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
May 01 Javascript
限制复选框最多选择项的实现代码
May 30 Javascript
js实现交通灯效果
Jan 13 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
Feb 14 Javascript
RequireJs的使用详解
Feb 19 Javascript
vue2中filter()的实现代码
Jul 09 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
vue生命周期和react生命周期对比【推荐】
Sep 19 Javascript
js for终止循环 跳出多层循环
Oct 04 Javascript
微信小程序 wxParse插件显示视频问题
Sep 27 Javascript
Angular2内置指令NgFor和NgIf详解
Aug 03 #Javascript
JS简单实现点击复制链接的方法
Aug 03 #Javascript
JS清除字符串中重复值的实现方法
Aug 03 #Javascript
JS使用onerror捕获异常示例
Aug 03 #Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
Aug 03 #Javascript
AngularJS基础 ng-value 指令简单示例
Aug 03 #Javascript
JS简单获取及显示当前时间的方法
Aug 03 #Javascript
You might like
ThinkPHP中使用ajax接收json数据的方法
2014/12/18 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
jquery实现简单的轮换出现效果实例
2015/07/23 Javascript
百度地图api如何使用
2015/08/03 Javascript
JS与jQ读取xml文件的方法
2015/12/08 Javascript
Window.Open打开窗体和if嵌套代码
2016/04/15 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
浅析javascript中的Event事件
2016/12/09 Javascript
微信小程序 支付简单实例及注意事项
2017/01/06 Javascript
微信小程序 form组件详解及简单实例
2017/01/10 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
使用Angular CLI进行Build(构建)和Serve详解
2018/03/24 Javascript
Mint UI组件库CheckList使用及踩坑总结
2018/12/20 Javascript
使用JS判断页面是首次被加载还是刷新
2019/05/26 Javascript
微信小程序版本自动更新的方法
2019/06/14 Javascript
Node.js实现简单管理系统
2019/09/23 Javascript
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
[01:25:38]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第一场 1月19日
2021/03/11 DOTA
Python模仿POST提交HTTP数据及使用Cookie值的方法
2014/11/10 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
Python决策树和随机森林算法实例详解
2018/01/30 Python
Python中的pack和unpack的使用
2018/03/12 Python
Python 修改列表中的元素方法
2018/06/26 Python
解决nohup执行python程序log文件写入不及时的问题
2019/01/14 Python
Python基于OpenCV实现人脸检测并保存
2019/07/23 Python
吃透移动端 Html5 响应式布局
2019/12/16 HTML / CSS
2014年会策划方案
2014/05/11 职场文书
关于青春的演讲稿三分钟
2014/08/22 职场文书
政风行风评议整改方案
2014/09/15 职场文书
2015年党性分析材料
2014/12/19 职场文书
商务英语求职信范文
2015/03/19 职场文书
2015年社区创卫工作总结
2015/04/21 职场文书
vue动态绑定style样式
2022/04/20 Vue.js
css让页脚保持在底部位置的四种方案
2022/07/23 HTML / CSS