JS使用正則表達式實現(xiàn)關鍵字替換加粗功能示例
更新時間：2016年08月03日 11:53:20 作者：Quber
這篇文章主要介紹了JS使用正則表達式實現(xiàn)關鍵字替換加粗功能,涉及javascript基本正則匹配與替換操作相關技巧,需要的朋友可以參考下
本文實例講述了JS使用正則表達式實現(xià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 = "使用正則表達式把關鍵字替換加粗，文字加粗";
var word = "加粗";
str = str.replace(new RegExp("(" + word + ")","ig"), "<strong>" + word + "</strong>");
document.write(str);
</script>
</body>
</html>
運行效果截圖如下：
PS：這里再為大家提供2款非常方便的正則表達式工具供大家參考使用：
JavaScript正則表達式在線測試工具：
http://tools.jb51.net/regex/javascript
正則表達式在線生成工具：
http://tools.jb51.net/regex/create_reg
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript正則表達式技巧大全》、《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調(diào)試技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了bootstrap table表格客戶端分頁實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
js實現(xiàn)PC端根據(jù)IP定位當前城市地理位置
本文主要分享了js實現(xiàn)PC端根據(jù)IP定位當前城市地理位置的方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要給大家介紹了利用r.js打包模塊化的javascript文件的相關資料，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來跟著小編一起看看吧。2017-06-06
Egg Vue SSR 服務端渲染數(shù)據(jù)請求與asyncData
這篇文章主要介紹了Egg Vue SSR 服務端渲染數(shù)據(jù)請求與asyncData，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
這篇文章主要為大家詳細介紹了javascript實現(xiàn)表格信息增添與刪除，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
利用js的Node遍歷找到repeater的一個字段實例介紹
本文教大家使用js的Node遍歷找到repeater的一個字段的具體實現(xiàn)思路，感興趣的朋友可參考下，希望可以幫助到你2013-04-04
圖片輪播組件是一個在網(wǎng)頁中很常見的技術，這篇文章主要為大家詳細介紹了Bootstrap圖片輪播組件使用實例，感興趣的小伙伴們可以參考一下2016-06-06
JavaScript實現(xiàn)從數(shù)組中選出和等于固定值的n個數(shù)
這篇文章主要介紹了JavaScript實現(xiàn)從數(shù)組中選出和等于固定值的n個數(shù)的方法,需要的朋友可以參考下2014-09-09
保證JavaScript和Asp、Php等后端程序間傳值編碼統(tǒng)一
在WEB開發(fā)過程中，前后端要求數(shù)據(jù)編碼一致的處理是經(jīng)常會碰到的！2009-04-04
如何正確使用javascript 來進行我們的程序開發(fā)
Javascript 正確使用方法，下面為大家介紹的是一個關于如何正確使用javascript 來進行我們的程序開發(fā),需要的朋友可以參考下2014-06-06