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 相关文章推荐
User Scripts: Video Download by User Scripts
May 14 Javascript
jquery无缝向上滚动实现代码
Mar 29 Javascript
javascipt基础内容--需要注意的细节
Apr 10 Javascript
JS字符串处理实例代码
Aug 05 Javascript
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
Aug 03 Javascript
DOM 事件的深入浅出(二)
Dec 05 Javascript
使用ionic切换页面卡顿的解决方法
Dec 16 Javascript
深入理解Javascript中的观察者模式
Feb 20 Javascript
详解Vue整合axios的实例代码
Jun 21 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
Jun 28 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
Aug 03 Javascript
原生JS实现小小的音乐播放器
Oct 16 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防注入安全代码
2008/04/09 PHP
php 动态多文件上传
2009/01/18 PHP
PHP 数组遍历方法大全(foreach,list,each)
2010/06/30 PHP
php中用foreach来操作数组的代码
2011/07/17 PHP
php文件夹与文件目录操作函数介绍
2013/09/09 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
常见的5个PHP编码小陋习以及优化实例讲解
2021/02/27 PHP
Valerio 发布了 Mootools
2006/09/23 Javascript
javascript的对话框详解与参数
2007/03/08 Javascript
javascript 表单的友好用户体现
2009/01/07 Javascript
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
2013/01/15 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
2013/09/15 Javascript
js 走马灯简单实例
2013/11/21 Javascript
JS实现根据出生年月计算年龄
2014/01/10 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
AngularJS入门教程中SQL实例详解
2016/07/27 Javascript
jQuery复合事件结合toggle()方法的用法示例
2017/06/10 jQuery
vue router2.0二级路由的简单使用
2017/07/05 Javascript
jqueryUI tab标签页代码分享
2017/10/09 jQuery
Vue2仿淘宝实现省市区三级联动
2020/04/15 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
2017/12/21 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
2018/10/22 Javascript
layui-table对返回的数据进行转变显示的实例
2019/09/04 Javascript
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
浅谈Pandas:Series和DataFrame间的算术元素
2018/12/22 Python
在python中用print()输出多个格式化参数的方法
2019/07/16 Python
Python tensorflow实现mnist手写数字识别示例【非卷积与卷积实现】
2019/12/19 Python
jupyter notebook参数化运行python方式
2020/04/10 Python
css3 media 响应式布局的简单实例
2016/08/03 HTML / CSS
师德师风个人整改措施
2014/10/27 职场文书
碧霞祠导游词
2015/02/09 职场文书
2015年收银员个人工作总结
2015/04/01 职场文书
父母教会我观后感
2015/06/17 职场文书
nginx 反向代理之 proxy_pass的实现
2021/03/31 Servers
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL