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学习点滴 call、apply的区别
Oct 22 Javascript
使用canvas实现仿新浪微博头像截取上传功能
Sep 02 Javascript
jQuery实现的淡入淡出二级菜单效果代码
Sep 15 Javascript
理解javascript中的严格模式
Feb 01 Javascript
js中 计算两个日期间的工作日的简单实例
Aug 08 Javascript
Bootstrap源码解读表单(2)
Dec 22 Javascript
Angular2 之 路由与导航详细介绍
May 26 Javascript
Vue仿手机qq的实例代码(demo)
Sep 08 Javascript
微信小程序使用swiper组件实现层叠轮播图
Nov 04 Javascript
Vue实现一个图片懒加载插件
Mar 11 Javascript
JS实现简易留言板(节点操作)
Mar 16 Javascript
js实现幻灯片轮播图
Aug 14 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实现的Cookies操作类实例
2014/09/24 PHP
php返回字符串中所有单词的方法
2015/03/09 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
php实现图片上传并进行替换操作
2016/03/15 PHP
php获取指定数量随机字符串的方法
2017/02/06 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
基于jquery的inputlimiter 实现字数限制功能
2010/05/30 Javascript
JavaScript中为元素加上name属性的方法
2011/05/09 Javascript
jquery获得option的值和对option进行操作
2013/12/13 Javascript
js获取下拉列表框中的value和text的值示例代码
2014/01/11 Javascript
Backbone.js中的集合详解
2015/01/14 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
2015/09/01 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
微信小程序slider组件使用详解
2018/01/31 Javascript
vue Tab切换以及缓存页面处理的几种方式
2019/11/05 Javascript
微信jssdk踩坑之签名错误invalid signature
2020/05/19 Javascript
javascript实现获取中文汉字拼音首字母
2020/05/19 Javascript
JS实现联想、自动补齐国家或地区名称的功能
2020/07/07 Javascript
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python中pygame模块用法实例
2014/10/09 Python
Python中几种操作字符串的方法的介绍
2015/04/09 Python
python中常用的九种预处理方法分享
2016/09/11 Python
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
Python日志模块logging基本用法分析
2018/08/23 Python
python腾讯语音合成实现过程解析
2019/08/01 Python
pandas DataFrame运算的实现
2020/06/14 Python
在Ubuntu中安装并配置Pycharm教程的实现方法
2021/01/06 Python
森海塞尔美国官网:Sennheiser耳机与耳麦
2017/07/19 全球购物
荷兰和比利时时尚鞋店:Van Dalen
2018/04/23 全球购物
请用用Java代码写一个堆栈
2012/01/26 面试题
历史学专业个人的自我评价
2013/10/13 职场文书
辅导员学期工作总结
2015/08/14 职场文书
springboot中一些比较常用的注解总结
2021/06/11 Java/Android
SQL试题 使用窗口函数选出连续3天登录的用户
2022/04/24 Oracle