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 相关文章推荐
一段实现页面上的图片延时加载的js代码
Feb 11 Javascript
CSS和Javascript简单复习资料
Jun 29 Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 Javascript
基于jQuery实现select下拉选择可输入附源码下载
Feb 03 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
Jul 04 Javascript
Javascript 闭包详解及实例代码
Nov 30 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
Dec 25 Javascript
Angular实现可删除并计算总金额的购物车功能示例
Dec 26 Javascript
在vue中给列表中的奇数行添加class的实现方法
Sep 05 Javascript
VUE 实现复制内容到剪贴板的两种方法
Apr 24 Javascript
微信小程序 组件的外部样式externalClasses使用详解
Sep 06 Javascript
vue实现抖音时间转盘
Sep 08 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
怎么使 Mysql 数据同步
2006/10/09 PHP
PHP setTime 设置当前时间的代码
2012/08/27 PHP
php使用多个进程同时控制文件读写示例
2014/02/28 PHP
php跨站攻击实例分析
2014/10/28 PHP
CentOS下搭建PHP环境与WordPress博客程序的全流程总结
2016/05/07 PHP
PHP目录与文件操作技巧总结(创建,删除,遍历,读写,修改等)
2016/09/11 PHP
thinkphp5.1框架容器与依赖注入实例分析
2019/07/23 PHP
开发插件的两个方法jquery.fn.extend与jquery.extend
2013/11/21 Javascript
jquery使用remove()方法删除指定class子元素
2015/03/26 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
2016/03/06 Javascript
jquery购物车结算功能实现方法
2020/10/29 Javascript
JavaScript数据结构之链表的实现
2017/03/19 Javascript
angularjs 页面自适应高度的方法
2018/01/17 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
Vue事件处理原理及过程详解
2020/03/11 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
Python开发WebService系列教程之REST,web.py,eurasia,Django
2014/06/30 Python
python django使用haystack:全文检索的框架(实例讲解)
2017/09/27 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
关于numpy.where()函数 返回值的解释
2019/12/06 Python
IE滤镜与CSS3效果(详细整理分享)
2013/01/25 HTML / CSS
PHP中如何使用Cookie
2015/10/28 面试题
自荐信的两点禁忌
2013/10/30 职场文书
妈妈活动方案
2014/08/15 职场文书
党员“四风”方面存在问题及整改措施
2014/09/24 职场文书
2014年人事部工作总结
2014/12/03 职场文书
赔偿协议书
2015/01/27 职场文书
运动会开幕词
2015/01/28 职场文书
介绍信样本
2015/01/31 职场文书
中学生运动会广播稿
2015/08/19 职场文书
Python 数据可视化之Seaborn详解
2021/11/02 Python
基于PyQT5制作一个桌面摸鱼工具
2022/02/15 Python
选购到合适的激光打印机
2022/04/21 数码科技