JS使用正则表达式实现关键字替换加粗功能示例
本文实例讲述了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程序设计有所帮助。
相关推荐
-
JavaScript 过滤关键字
效果图: 话不多说,请看代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> em { font-size: 16px; color: red; } </style> </head> <body> <p i
-
关键字空格替换为逗号的js代码 原创
新闻添加窗口 function doKeywords() { document.form1.keyword.value = document.form1.keyword.value.replace(new RegExp(',',"gm"),','); document.form1.keyword.value = document.form1.keyword.value.replace(new RegExp(' ',"gm"),','); } 关 键 字: 现在关键字
-
angluarjs实现过滤并替换关键字小功能
本文实例为大家分享了angluarjs实现过滤并替换关键字的具体代码,供大家参考,具体内容如下 html样式 <body ng-app="myapp" ng-controller="myCtrl"> <input type="text" ng-model="keytext"> <p>{{ keytext|wordFilter:"#" }}</p> </b
-
JS使用正则表达式实现关键字替换加粗功能示例
本文实例讲述了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">
-
JS基于正则表达式实现的密码强度验证功能示例
本文实例讲述了JS基于正则表达式实现的密码强度验证功能.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net 我们</title> </head> <style type="text/cs
-
Java基于正则表达式实现的替换匹配文本功能【经典实例】
本文实例讲述了Java基于正则表达式实现的替换匹配文本功能.分享给大家供大家参考,具体如下: package replaceDemo; import java.util.regex.Matcher; import java.util.regex.Pattern; /** * Created by Frank * 替换匹配的文本 */ public class ReplaceDemo { public static void main(String[] args) { // 创建一个正则表达式模式
-
JavaScript正则替换HTML标签功能示例
本文实例讲述了JavaScript正则替换HTML标签功能.分享给大家供大家参考,具体如下: 1.说明 获取HTML字符串(包含标签),通过正则表达式替换HTML标签,输出替换后的字符串 2.实现JavaScript代码 function deleteTag() { var regx = /<[^>]*>|<\/[^>]*>/gm; var tagStr = $("#ul_li").html(); alert("替换之前的字符串:"
-
JS实现的验证身份证及获取地区功能示例
本文实例讲述了JS实现的验证身份证及获取地区功能.分享给大家供大家参考,具体如下: 这里的代码可以用来验证身份证号,并且根据身份证号来判断是哪个省份及性别 代码示例: <head > <title></title> <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> </head> <body
-
PHP实现关键字搜索后描红功能示例
本文实例讲述了PHP实现关键字搜索后描红功能.分享给大家供大家参考,具体如下: 在刚开始学习php的时候,就对搜索过后的关键字描红感到好奇,但是这几天在巩固php基础的时候,就发现原来这样的效果实现并不难.按照惯例,首先给大家看看效果图吧. 运行效果图 数据库相关 数据库名是book,只有一个数据库表,也是book,模拟了5条数据. name字段是书名,description字段是书的描述 代码 <!DOCTYPE html> <html> <head> <met
-
vue数据操作之点击事件实现num加减功能示例
本文实例讲述了vue数据操作之点击事件实现num加减功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue num加减</title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></scrip
-
php和js实现根据子网掩码和ip计算子网功能示例
本文实例讲述了php和js实现根据子网掩码和ip计算子网功能.分享给大家供大家参考,具体如下: php <?php $ip = '192.168.6.1'; $mask = '255.255.2.0'; $sub_net = array();//子网 $ip_explode = explode('.', $ip); $mask_explode = explode('.', $mask); foreach ($ip_explode as $key => $ip_num) { $sub_net[]
-
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
本文实例讲述了微信小程序实现上拉加载功能.分享给大家供大家参考,具体如下: 开发需求 进入页面,加载初始数据,当向上拖动页面至底部,自动加载新的数据,即上拉加载更多数据. 演示 index.wxml <!-- 数据列表 --> <view wx:for="{{listdata}}" wx:key="listdata" class='listitem'> <view class='title'>{{item.title}}</
-
正则表达式实现字符的模糊匹配功能示例
本文实例讲述了正则表达式实现字符的模糊匹配功能.分享给大家供大家参考,具体如下: package com.cn.util; import java.util.regex.Pattern; /** * 正则表达式 工具类 * * @author lifangyu */ public class RegexUtil { /* * IP地址的匹配标达式 ( // \\d{1,3}) // :\d // 0~9数字,{1,3} // 至少一位,最多三位) */ private static String
随机推荐
- AngularJS实现的省市二级联动功能示例【可对选项实现增删】
- ASP 日期的加减运算实现代码
- 自己动手制作jquery插件之自动添加删除行功能介绍
- 用Socket发送电子邮件
- 使图片旋转的3种解决方案
- 详解mysql建立索引的使用办法及优缺点分析
- Android仿微信、录制音频并发送功能
- .NET中读取Excel文件的数据及excelReader应用
- php使用Jpgraph绘制简单X-Y坐标图的方法
- javascript打开word文档的方法
- Mysql中文乱码问题的最佳解决方法
- 实现了基于TCP的Java Socket编程实例代码
- jquery 追加tr和删除tr示例代码
- 基于Turn.js 实现翻书效果实例解析
- C#双缓冲技术实例详解
- javascript 对象比较实现代码
- Java棋类游戏实践之单机版五子棋
- Android开发之创建可点击的Button实现方法
- C#控制键盘按键的常用方法
- Android使用ImageView 制作透明圆弧实例代码