javascript實現(xiàn)簡單查找與替換的方法
更新時間:2015年07月22日 15:15:32 作者:中國風2012
這篇文章主要介紹了javascript實現(xiàn)簡單查找與替換的方法,涉及javascript針對頁面查找與替換的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了javascript實現(xiàn)簡單查找與替換的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
<html> <head> <title>中國風</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對象,指定為整個body區(qū)域 var myText = document.body.createTextRange(); if(myText.findText(str)){ myText.select(); // 如果找到目標文本,則將其選中 }else{ alert("沒有找到匹配的字符!"); } } function getTheText(){ oldStr = prompt("輸入要查找的內容",""); // 獲取用戶要查找的內容 if(oldStr!=null){ // 如果內容不為空,則執(zhí)行查找 searchText(oldStr); } } function replaceText(){ if(oldStr==null){ alert("請先進行查找要替換的內容!"); }else{ newStr = prompt("替換為",""); if(newStr!=null){ // 新文本內容不為空,則替換選中的文本 var selectText = document.selection.createRange(); // 選中的文本 selectText.text = newStr; // 替換選中的文本為新文本 }else{ alert("請輸入替換的內容!"); } } } </script> <body> <input type="button" value="查找" onclick="getTheText()"> <input type="button" value="替換" onclick="replaceText()"> <pre id="pre"> 石壕吏 暮投石壕村,有吏夜捉人。 老翁逾墻走,老婦出門看。 吏呼一何怒!婦啼一何苦! 聽婦前致詞:三男鄴城戍(shù)。 一男附書至,二男新戰(zhàn)死。 存者且偷生,死者長已矣! 室中更無人,惟有乳下孫。 有孫母未去,出入無完裙。 老嫗力雖衰,請從吏夜歸。 急應河陽役,猶得備晨炊。 夜久語聲絕,如聞泣幽咽(yè)。 天明登前途,獨與老翁別。 </pre> </body> </html>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
Javascript中關于Array.filter()的妙用詳解
大家應該都知道filter是Javascript中Array常用的操作,它用于把Array的某些元素過濾掉,然后返回剩下的元素。下面這篇文章就給大家介紹了關于Javascript中Array.filter()的妙用,有需要的朋友們可以參考借鑒,下面來一起看看吧。2016-12-12ES6通過babel轉碼使用webpack使用import關鍵字
這篇文章主要介紹了es6通過babel轉碼還需要使用webpack才可以使用import關鍵字嗎的相關資料,需要的朋友可以參考下2016-12-12input+select(multiple) 實現(xiàn)下拉框輸入值
昨天做一個網站時,需要實現(xiàn)下拉框能夠輸入,從功能上講是要實現(xiàn)用戶在文本框輸入值時,能夠從后讀出數(shù)據彈出下拉選項2009-05-05