JS使用正則表達(dá)式實(shí)現(xiàn)關(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á)式在線測(cè)試工具：
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é)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了bootstrap table表格客戶端分頁實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
js實(shí)現(xiàn)PC端根據(jù)IP定位當(dāng)前城市地理位置
本文主要分享了js實(shí)現(xiàn)PC端根據(jù)IP定位當(dāng)前城市地理位置的方法，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要給大家介紹了利用r.js打包模塊化的javascript文件的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來跟著小編一起看看吧。2017-06-06
Egg Vue SSR 服務(wù)端渲染數(shù)據(jù)請(qǐng)求與asyncData
這篇文章主要介紹了Egg Vue SSR 服務(wù)端渲染數(shù)據(jù)請(qǐng)求與asyncData，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
javascript實(shí)現(xiàn)表格信息增添與刪除
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)表格信息增添與刪除，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
利用js的Node遍歷找到repeater的一個(gè)字段實(shí)例介紹
本文教大家使用js的Node遍歷找到repeater的一個(gè)字段的具體實(shí)現(xiàn)思路，感興趣的朋友可參考下，希望可以幫助到你2013-04-04
圖片輪播組件是一個(gè)在網(wǎng)頁中很常見的技術(shù)，這篇文章主要為大家詳細(xì)介紹了Bootstrap圖片輪播組件使用實(shí)例，感興趣的小伙伴們可以參考一下2016-06-06
JavaScript實(shí)現(xiàn)從數(shù)組中選出和等于固定值的n個(gè)數(shù)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)從數(shù)組中選出和等于固定值的n個(gè)數(shù)的方法,需要的朋友可以參考下2014-09-09
保證JavaScript和Asp、Php等后端程序間傳值編碼統(tǒng)一
在WEB開發(fā)過程中，前后端要求數(shù)據(jù)編碼一致的處理是經(jīng)常會(huì)碰到的！2009-04-04
如何正確使用javascript 來進(jìn)行我們的程序開發(fā)
Javascript 正確使用方法，下面為大家介紹的是一個(gè)關(guān)于如何正確使用javascript 來進(jìn)行我們的程序開發(fā),需要的朋友可以參考下2014-06-06