javascript實(shí)現(xiàn)簡(jiǎn)單查找與替換的方法
本文實(shí)例講述了javascript實(shí)現(xiàn)簡(jiǎn)單查找與替換的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
<html> <head> <title>中國(guó)風(fēng)</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <script language="JavaScript"> var oldStr; var newStr; function searchText(str){ // 創(chuàng)建TextRange對(duì)象,指定為整個(gè)body區(qū)域 var myText = document.body.createTextRange(); if(myText.findText(str)){ myText.select(); // 如果找到目標(biāo)文本,則將其選中 }else{ alert("沒有找到匹配的字符!"); } } function getTheText(){ oldStr = prompt("輸入要查找的內(nèi)容",""); // 獲取用戶要查找的內(nèi)容 if(oldStr!=null){ // 如果內(nèi)容不為空,則執(zhí)行查找 searchText(oldStr); } } function replaceText(){ if(oldStr==null){ alert("請(qǐng)先進(jìn)行查找要替換的內(nèi)容!"); }else{ newStr = prompt("替換為",""); if(newStr!=null){ // 新文本內(nèi)容不為空,則替換選中的文本 var selectText = document.selection.createRange(); // 選中的文本 selectText.text = newStr; // 替換選中的文本為新文本 }else{ alert("請(qǐng)輸入替換的內(nèi)容!"); } } } </script> <body> <input type="button" value="查找" onclick="getTheText()"> <input type="button" value="替換" onclick="replaceText()"> <pre id="pre"> 石壕吏 暮投石壕村,有吏夜捉人。 老翁逾墻走,老婦出門看。 吏呼一何怒!婦啼一何苦! 聽婦前致詞:三男鄴城戍(shù)。 一男附書至,二男新戰(zhàn)死。 存者且偷生,死者長(zhǎng)已矣! 室中更無人,惟有乳下孫。 有孫母未去,出入無完裙。 老嫗力雖衰,請(qǐng)從吏夜歸。 急應(yīng)河陽(yáng)役,猶得備晨炊。 夜久語(yǔ)聲絕,如聞泣幽咽(yè)。 天明登前途,獨(dú)與老翁別。 </pre> </body> </html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- 使用indexOf等在JavaScript的數(shù)組中進(jìn)行元素查找和替換
- JavaScript實(shí)現(xiàn)添加、查找、刪除元素
- javascript折半查找詳解
- javascript基礎(chǔ)之查找元素的詳細(xì)介紹(訪問節(jié)點(diǎn))
- javascript 折半查找字符在數(shù)組中的位置(有序列表)
- javascript下查找父節(jié)點(diǎn)的簡(jiǎn)單方法
- javascript實(shí)現(xiàn)全局匹配并替換的方法
- JavaScript使用replace函數(shù)替換字符串的方法
- JavaScript字符串插入、刪除、替換函數(shù)使用示例
相關(guān)文章
Js實(shí)現(xiàn)簡(jiǎn)單的小球運(yùn)動(dòng)特效
這篇文章主要介紹了Js實(shí)現(xiàn)簡(jiǎn)單的小球運(yùn)動(dòng)特效的相關(guān)資料,需要的朋友可以參考下2016-02-02JS+CSS實(shí)現(xiàn)仿新浪微博搜索框的方法
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)仿新浪微博搜索框的方法,實(shí)例分析了javascript針對(duì)搜索框樣式的控制技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02Javascript中關(guān)于Array.filter()的妙用詳解
大家應(yīng)該都知道filter是Javascript中Array常用的操作,它用于把Array的某些元素過濾掉,然后返回剩下的元素。下面這篇文章就給大家介紹了關(guān)于Javascript中Array.filter()的妙用,有需要的朋友們可以參考借鑒,下面來一起看看吧。2016-12-12ES6通過babel轉(zhuǎn)碼使用webpack使用import關(guān)鍵字
這篇文章主要介紹了es6通過babel轉(zhuǎn)碼還需要使用webpack才可以使用import關(guān)鍵字嗎的相關(guān)資料,需要的朋友可以參考下2016-12-12input+select(multiple) 實(shí)現(xiàn)下拉框輸入值
昨天做一個(gè)網(wǎng)站時(shí),需要實(shí)現(xiàn)下拉框能夠輸入,從功能上講是要實(shí)現(xiàn)用戶在文本框輸入值時(shí),能夠從后讀出數(shù)據(jù)彈出下拉選項(xiàng)2009-05-05javascript實(shí)現(xiàn)無法關(guān)閉的彈框
本文分享了javascript實(shí)現(xiàn)無法關(guān)閉的彈框的實(shí)例代碼,感興趣的朋友可以看下2016-11-11