這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)JavaScript中怎么過濾關(guān)鍵字,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
創(chuàng)新互聯(lián)于2013年創(chuàng)立,先為尚志等服務(wù)建站,尚志等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為尚志企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
效果圖:
話不多說,請看代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> em { font-size: 16px; color: red; } </style> </head> <body> <p id="cont">JavaScript過濾關(guān)鍵字的方法JavaScript過濾關(guān)鍵字的方法</p> <script> //================================= 可用狀態(tài)代碼 ===================================== // var arr = ['Java','關(guān)鍵字', '方法'], // arrText = arr.join('|'), // var params = document.querySelector('#cont'); // // // 替換關(guān)鍵字 // params.innerHTML = params.innerHTML.replace(new RegExp(arrText, "ig"), "<em>$&</em>"); // var arr = []; // console.log(arr); //================================= 修改后的代碼 ===================================== /** * 過濾關(guān)鍵字 * @param keyArr 需要過濾的關(guān)鍵字?jǐn)?shù)組 * @param ele 過濾的節(jié)點(diǎn) */ function filterContent(keyArr, ele) { /** * 一個(gè)程序的標(biāo)準(zhǔn)準(zhǔn)則 * 1. 可用, 可以實(shí)現(xiàn)核心的需求 * 2. 健壯, 兼容性處理, 邊界處理, 異常處理, 用戶輸入校驗(yàn) * 3. 可靠, 任何時(shí)候都要有返回值 * 4. 寬容, 對需求寬容, 對調(diào)用著寬容, 對維護(hù)者寬容 * 5. 精益求精, 可靠的注釋... */ try { // 檢測是否為 undefined 或者為一個(gè)數(shù)組,或者數(shù)組長度是否大于 1, 這里的返回 -1 只是為了有返回值, 也可以不寫 if (keyArr === 'undefined' || !(keyArr instanceof Array) || keyArr.length < 1) return -1; // 將數(shù)組里面的元素以 | 進(jìn)行合并方便進(jìn)行正則比較, 如 張三|李四 var arrTxt = keyArr.join('|'), regObj = new RegExp(arrTxt, 'ig'); // 替換關(guān)鍵字 ele.innerHTML = ele.innerHTML.replace(regObj, "<em>$&</em>"); } catch (e) { console.log('出錯(cuò)啦~' + e); } } // 調(diào)用 var arr = ['Java','關(guān)鍵字', '方法']; var params = document.querySelector('#cont'); filterContent(arr, params); </script> </body> </html>
上述就是小編為大家分享的JavaScript中怎么過濾關(guān)鍵字了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
本文題目:JavaScript中怎么過濾關(guān)鍵字
URL標(biāo)題:http://aaarwkj.com/article48/ipdpep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、網(wǎng)站營銷、外貿(mào)建站、品牌網(wǎng)站制作、App開發(fā)、
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)