JS基于正则截取替换特定字符之间字符串操作示例


Posted in Javascript onFebruary 03, 2017

本文实例讲述了JS基于正则截取替换特定字符之间字符串操作。分享给大家供大家参考,具体如下:

示例1:

<!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=utf-8" />
<title>Test</title>
<script type="text/javascript" language="javascript" >
var html="ssssss @用户名 和话题 #话题标题# 用不同颜色高@假的亮 @用户名2 和sss#此话题不对呀#ss";
var html1="ssssss @用户名 和话题 #话题标题# 用不同颜色高@假的亮 @用户名2 和sss#此话题不对呀#ss";
var reg1=/( @[^ ]* )/g;
var reg2=/( #[^#]*# )/g;
var reg3=/(#[^#]*#)/g;
document.write(html);
document.write("<br/>");
html=html.replace(reg1,"<span style='color:red'>$1</span>");
html=html.replace(reg2,"<span style='color:green;'>$1</span>");
document.write(html);
document.write("<br/>");
html1 = html1.replace(reg3,"<span style='color:blue;'>$1</span>");
document.write(html1);
document.write("<br/>");
</script>
</head>
<body >
</body>
</html>

运行截图如下:

JS基于正则截取替换特定字符之间字符串操作示例

示例2:

<!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=utf-8" />
<title>Test</title>
<script type="text/javascript" language="javascript" >
var a = "20141021123212";
var reg4 = /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/;
a = a.replace(reg4,"$1-$2-$3 $4:$5:$6");
document.write(a);
document.write("<br/>");
</script>
</head>
<body >
</body>
</html>

运行截图如下:

JS基于正则截取替换特定字符之间字符串操作示例

示例3:

<!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=utf-8" />
<title>Test</title>
<script type="text/javascript" language="javascript" >
var c ="好啊 {话题标题} 用不同颜色sss{此话题好}ss";
var reg5=/({[^{]*})/g;
c = c.replace(reg5,"<span style='color:red'>$1</span>");
document.write(c);
document.write("<br/>");
</script>
</head>
<body >
</body>
</html>

运行截图如下:

JS基于正则截取替换特定字符之间字符串操作示例

Javascript 相关文章推荐
一个基于jquery的文本框记数器
Sep 19 Javascript
通过遮罩层实现浮层DIV登录的js代码
Feb 07 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
Jun 24 Javascript
js无提示关闭浏览器窗口的两种方法分析
Nov 06 Javascript
JavaScript实现获取远程的html到当前页面中
Mar 26 Javascript
Angular X中使用ngrx的方法详解(附源码)
Jul 10 Javascript
详解tween.js的使用教程
Sep 14 Javascript
Vue-路由导航菜单栏的高亮设置方法
Mar 17 Javascript
浅谈AngularJS中$http服务的简单用法
May 15 Javascript
element-ui upload组件多文件上传的示例代码
Oct 17 Javascript
JavaScript变量基本使用方法实例分析
Nov 15 Javascript
vue输入框使用模糊搜索功能的实现代码
May 26 Javascript
几种tab切换详解
Feb 03 #Javascript
Bootstrap页面缩小变形的快速解决办法
Feb 03 #Javascript
拖动时防止选中
Feb 03 #Javascript
jQuery表格的维护和删除操作
Feb 03 #Javascript
折叠菜单及选择器的运用
Feb 03 #Javascript
jQuery读取XML文件的方法示例
Feb 03 #Javascript
JavaScript函数基础详解
Feb 03 #Javascript
You might like
PHP ? EasyUI DataGrid 资料存的方式介绍
2012/11/07 PHP
PHP实现获取域名的方法小结
2014/11/05 PHP
PHP实现将HTML5中Canvas图像保存到服务器的方法
2014/11/28 PHP
PHP实现补齐关闭的HTML标签
2016/03/22 PHP
Yii2创建控制器(createController)方法详解
2016/07/23 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
浅谈PHP中try{}catch{}的使用方法
2016/12/09 PHP
php实现的简单多进程服务器类完整示例
2020/02/01 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
js如何调用qq互联api实现第三方登录
2014/03/28 Javascript
jquery操作checked属性以及disabled属性的多种方法
2014/06/20 Javascript
JavaScript中使用arguments获得函数传参个数实例
2014/08/27 Javascript
jQuery中使用each处理json数据
2015/04/23 Javascript
jquery实现可旋转可拖拽的文字效果代码
2016/01/27 Javascript
给angular加上动画效遇到的问题总结
2016/02/17 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
2016/05/12 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
详解vue.js之props传递参数
2017/12/12 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
js生成1到100的随机数最简单的实现方法
2020/02/07 Javascript
JS字符串补全方法padStart()和padEnd()
2020/05/27 Javascript
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
python一键去抖音视频水印工具
2018/09/14 Python
Python学习笔记之读取文件、OS模块、异常处理、with as语法示例
2019/06/04 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
利用matplotlib实现根据实时数据动态更新图形
2019/12/13 Python
基于numpy中的expand_dims函数用法
2019/12/18 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
意大利和国际奢侈品牌购物网站:Suitnegozi.com
2021/01/15 全球购物
校园安全教育广播稿
2014/02/17 职场文书
工程质量月活动方案
2014/02/19 职场文书
工程承包协议书
2014/10/20 职场文书
锅炉工岗位职责
2015/02/13 职场文书
MySQL中日期型单行函数代码详解
2021/06/21 MySQL