快捷導(dǎo)航

JS基于正則截取替換特定字符之間字符串操作示例

更新時(shí)間：2017年02月03日 14:19:07 作者：hfhwfw

這篇文章主要介紹了JS基于正則截取替換特定字符之間字符串操作方法,結(jié)合具體實(shí)例形式分析了JS基于正則實(shí)現(xiàn)針對(duì)特殊字符、數(shù)字等字符串類型的截取操作相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了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 @用戶名 和話題 #話題標(biāo)題# 用不同顏色高@假的亮 @用戶名2 和sss#此話題不對(duì)呀#ss";
var html1="ssssss @用戶名 和話題 #話題標(biāo)題# 用不同顏色高@假的亮 @用戶名2 和sss#此話題不對(duì)呀#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>

運(yùn)行截圖如下：

示例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>

運(yùn)行截圖如下：

示例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 ="好啊 {話題標(biāo)題} 用不同顏色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>

運(yùn)行截圖如下：