快捷導(dǎo)航

javascript實(shí)現(xiàn)簡(jiǎn)單查找與替換的方法

更新時(shí)間：2015年07月22日 15:15:32 作者：中國(guó)風(fēng)2012

這篇文章主要介紹了javascript實(shí)現(xiàn)簡(jiǎn)單查找與替換的方法,涉及javascript針對(duì)頁(yè)面查找與替換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(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("沒(méi)有找到匹配的字符!");
  }
}
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">
石壕吏

暮投石壕村，有吏夜捉人。
老翁逾墻走，老婦出門看。
吏呼一何怒！婦啼一何苦！
聽(tīng)婦前致詞：三男鄴城戍（shù）。
一男附書至，二男新戰(zhàn)死。
存者且偷生，死者長(zhǎng)已矣！
室中更無(wú)人，惟有乳下孫。
有孫母未去，出入無(wú)完裙。
老嫗力雖衰，請(qǐng)從吏夜歸。
急應(yīng)河陽(yáng)役，猶得備晨炊。
夜久語(yǔ)聲絕，如聞泣幽咽（yè）。
天明登前途，獨(dú)與老翁別。
</pre>
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript 事件對(duì)象坐標(biāo)事件說(shuō)明
javascript 事件對(duì)象坐標(biāo)事件說(shuō)明，學(xué)習(xí)js坐標(biāo)事件的朋友可以參考下。
2010-05-05
微信小程序使用wxParse解析html的方法示例
這篇文章主要介紹了微信小程序使用wxParse解析html的方法,結(jié)合實(shí)例形式詳細(xì)分析了wxParse的下載、導(dǎo)入及具體使用技巧,需要的朋友可以參考下
2019-01-01
基于el-slider實(shí)現(xiàn)一個(gè)能拖動(dòng)的時(shí)間范圍選擇器
這篇文章主要介紹了基于el-slider實(shí)現(xiàn)一個(gè)能拖動(dòng)的時(shí)間范圍選擇器,并通過(guò)實(shí)例代碼介紹了基于element-ui el-slider實(shí)現(xiàn)滑動(dòng)限位器的方法,需要的朋友可以參考下
2024-02-02
JS實(shí)現(xiàn)下拉菜單賦值到文本框的方法
這篇文章主要介紹了JS下拉菜單賦值到文本框的方法,涉及javascript頁(yè)面元素的選擇與賦值的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
bootstrap的3級(jí)菜單樣式,支持母版頁(yè)保留打開(kāi)狀態(tài)實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇bootstrap的3級(jí)菜單樣式,支持母版頁(yè)保留打開(kāi)狀態(tài)實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-11-11
uni-app中彈窗的使用與自定義彈窗
眾所周知彈窗在我們實(shí)際開(kāi)發(fā)場(chǎng)景中是非常常用的,最近在工作中就遇到了相關(guān)需求,所以下面這篇文章主要給大家介紹了關(guān)于uni-app中彈窗使用與自定義彈窗的相關(guān)資料,需要的朋友可以參考下
2022-04-04
詳解JS如何判斷對(duì)象上是否存在某個(gè)屬性
判斷某一個(gè)對(duì)象里面是否存在某個(gè)屬性，是常見(jiàn)錯(cuò)誤場(chǎng)景排查，但是你真的知道該如何使用嘛，本文為大家整理了常用的三種方法，希望對(duì)大家有所幫助
2023-05-05
js錨點(diǎn)、操作滾動(dòng)條滑動(dòng)scroll代碼演示
滑動(dòng)錨點(diǎn)挺有意思的,可增加一些瀏覽性,下面這篇文章主要給大家介紹了關(guān)于js錨點(diǎn)、操作滾動(dòng)條滑動(dòng)scroll的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-03-03
一種Javascript解釋ajax返回的json的好方法(推薦)
下面小編就為大家?guī)?lái)一篇一種Javascript解釋ajax返回的json的好方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
bootstrap模態(tài)框跳轉(zhuǎn)到當(dāng)前模板頁(yè)面框消失了而背景存在問(wèn)題的解決方法
這篇文章主要介紹了bootstrap模態(tài)框跳轉(zhuǎn)到當(dāng)前模板頁(yè)面，框消失了，而背景依然存在問(wèn)題的解決方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12