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之一(初识Javascript)
Jan 20 Javascript
js 窗口抖动示例
Sep 04 Javascript
js实现右下角提示框的方法
Feb 03 Javascript
JavaScript淡入淡出渐变简单实例
Aug 06 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
Oct 30 Javascript
Ajax与服务器(JSON)通信实例代码
Nov 05 Javascript
JS实现的几个常用算法
Nov 12 Javascript
详解React native全局变量的使用(跨组件的通信)
Sep 07 Javascript
vue+swiper实现侧滑菜单效果
Dec 28 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
Mar 06 jQuery
ES6模板字符串和标签模板的应用实例分析
Jun 25 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
Sep 10 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
PHP类继承 extends使用介绍
2014/01/14 PHP
Codeigniter购物车类不能添加中文的解决方法
2014/11/29 PHP
php简单获取目录列表的方法
2015/03/24 PHP
ThinkPHP3.2框架使用addAll()批量插入数据的方法
2017/03/16 PHP
PHP实现的简单排列组合算法应用示例
2017/06/20 PHP
PHP双向链表定义与用法示例
2018/01/31 PHP
jquery中输入验证中一个不错的效果
2010/08/21 Javascript
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
点击弹出层效果&amp;弹出窗口后网页背景变暗效果的实现代码
2014/02/10 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
2015/03/04 Javascript
关于微信上网页图片点击全屏放大效果
2016/12/19 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
React之PureComponent的使用作用
2018/07/10 Javascript
基于React Native 0.52实现轮播图效果
2020/08/25 Javascript
vue项目刷新当前页面的三种方法
2018/12/04 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
2019/02/21 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 jQuery
vue3.0 项目搭建和使用流程
2021/03/04 Vue.js
python采用getopt解析命令行输入参数实例
2014/09/30 Python
python多进程操作实例
2014/11/21 Python
解决pandas展示数据输出时列名不能对齐的问题
2019/11/18 Python
python应用Axes3D绘图(批量梯度下降算法)
2020/03/25 Python
python DES加密与解密及hex输出和bs64格式输出的实现代码
2020/04/13 Python
Python 存取npy格式数据实例
2020/07/01 Python
Pycharm Git 设置方法
2020/09/15 Python
用Python实现童年贪吃蛇小游戏功能的实例代码
2020/12/07 Python
英国玛莎百货新西兰:Marks & Spencer New Zealand
2019/07/21 全球购物
大课间活动实施方案
2014/03/06 职场文书
小组口号大全
2014/06/09 职场文书
Java基础之详解HashSet的使用方法
2021/06/30 Java/Android
go使用Gin框架利用阿里云实现短信验证码功能
2021/08/04 Golang
微信小程序中wxs文件的一些妙用分享
2022/02/18 Javascript
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript
Python matplotlib绘制条形统计图 处理多个实验多组观测值
2022/04/21 Python