JS使用正則表達(dá)式實(shí)現(xiàn)關(guān)鍵字替換加粗功能示例
更新時(shí)間：2016年08月03日 11:53:20 作者：Quber
這篇文章主要介紹了JS使用正則表達(dá)式實(shí)現(xiàn)關(guān)鍵字替換加粗功能,涉及javascript基本正則匹配與替換操作相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了JS使用正則表達(dá)式實(shí)現(xiàn)關(guān)鍵字替換加粗功能的方法。分享給大家供大家參考，具體如下：
<!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 = "使用正則表達(dá)式把關(guān)鍵字替換加粗，文字加粗";
var word = "加粗";
str = str.replace(new RegExp("(" + word + ")","ig"), "<strong>" + word + "</strong>");
document.write(str);
</script>
</body>
</html>
運(yùn)行效果截圖如下：
PS：這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用：
JavaScript正則表達(dá)式在線測試工具：
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具：
http://tools.jb51.net/regex/create_reg
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript正則表達(dá)式技巧大全》、《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
模仿百度三維地圖的js數(shù)據(jù),需要的朋友可以參考下。2011-05-05
本文主要介紹了Javascript變量函數(shù)聲明提升深刻理解，Javascript變量函數(shù)聲明提升Hoisting是在Javascript中執(zhí)行上下文工作方式的一種認(rèn)識，更多相關(guān)知識需要的小伙伴可以參考下面文章詳細(xì)內(nèi)容2022-06-06
這篇文章主要介紹了使用apifm-wxapi快速開發(fā)小程序過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
JavaScript中split與join函數(shù)的進(jìn)階使用技巧
這篇文章主要介紹了JavaScript中split與join函數(shù)的進(jìn)階使用技巧,split和join通常被用來操作數(shù)組和字符串之間的轉(zhuǎn)換,需要的朋友可以參考下2016-05-05
本文給大家介紹bootstrap按鈕相關(guān)知識，包括按鈕大小、按鈕狀態(tài)、按鈕標(biāo)簽相關(guān)樣式定義，對bootstrap按鈕相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序日歷組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
Javascript必知必會(四)js類型轉(zhuǎn)換
這篇文章主要介紹了Javascript必知必會(四)js類型轉(zhuǎn)換 的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了CocosCreator新資源管理系統(tǒng)，從v2.4開始，Creator使用AssetBundle完全重構(gòu)了資源底層，提供了更加靈活強(qiáng)大的資源管理方式，也解決了之前版本資源管理的痛點(diǎn)（資源依賴與引用），本文將帶你深入了解Creator的新資源底層。2021-04-04
js中如何把字符串轉(zhuǎn)化為對象、數(shù)組示例代碼
在本文為大家介紹下把字符串轉(zhuǎn)化為對象：把文本轉(zhuǎn)化為對象、把文本轉(zhuǎn)化為數(shù)組，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
下面小編就為大家分享一篇mui back 返回刷新頁面的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12