本文實例講述了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>運行截圖如下：
示例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>運行截圖如下：
示例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>運行截圖如下：
PS：這里再為大家提供2款非常方便的正則表達式工具供大家參考使用：
JavaScript正則表達式在線測試工具：
http://tools.VeVB.COm/regex/javascript
正則表達式在線生成工具：
http://tools.VeVB.COm/regex/create_reg
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript正則表達式技巧大全》、《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
