欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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程序設計有所幫助。

相關文章

  • Js實現(xiàn)簡單的小球運動特效

    Js實現(xiàn)簡單的小球運動特效

    這篇文章主要介紹了Js實現(xiàn)簡單的小球運動特效的相關資料,需要的朋友可以參考下
    2016-02-02
  • JS+CSS實現(xiàn)仿新浪微博搜索框的方法

    JS+CSS實現(xiàn)仿新浪微博搜索框的方法

    這篇文章主要介紹了JS+CSS實現(xiàn)仿新浪微博搜索框的方法,實例分析了javascript針對搜索框樣式的控制技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • Javascript中關于Array.filter()的妙用詳解

    Javascript中關于Array.filter()的妙用詳解

    大家應該都知道filter是Javascript中Array常用的操作,它用于把Array的某些元素過濾掉,然后返回剩下的元素。下面這篇文章就給大家介紹了關于Javascript中Array.filter()的妙用,有需要的朋友們可以參考借鑒,下面來一起看看吧。
    2016-12-12
  • ES6通過babel轉碼使用webpack使用import關鍵字

    ES6通過babel轉碼使用webpack使用import關鍵字

    這篇文章主要介紹了es6通過babel轉碼還需要使用webpack才可以使用import關鍵字嗎的相關資料,需要的朋友可以參考下
    2016-12-12
  • TypeScript類型推論與類型斷言實例詳解

    TypeScript類型推論與類型斷言實例詳解

    如果沒有明確的指定類型,那么TypeScript會依照類型推論(Type Inference)的規(guī)則推斷出一個類型,下面這篇文章主要給大家介紹了關于TypeScript類型推論與類型斷言的相關資料,需要的朋友可以參考下
    2022-11-11
  • javascript關于繼承的用法匯總

    javascript關于繼承的用法匯總

    這篇文章主要介紹了javascript關于繼承的用法,實例匯總了常見的javascript關于繼承的用法,具有一定的參考借鑒價值,需要的朋友可以參考下
    2014-12-12
  • input+select(multiple) 實現(xiàn)下拉框輸入值

    input+select(multiple) 實現(xiàn)下拉框輸入值

    昨天做一個網站時,需要實現(xiàn)下拉框能夠輸入,從功能上講是要實現(xiàn)用戶在文本框輸入值時,能夠從后讀出數(shù)據彈出下拉選項
    2009-05-05
  • js自定義select下拉框美化特效

    js自定義select下拉框美化特效

    這篇文章主要為大家介紹了javascript自定義select下拉框美化特效的相關資料,需要的朋友可以參考下
    2016-05-05
  • JavaScript前后端JSON使用方法教程

    JavaScript前后端JSON使用方法教程

    這篇文章主要給大家介紹了關于JavaScript前后端JSON使用方法的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-11-11
  • javascript實現(xiàn)無法關閉的彈框

    javascript實現(xiàn)無法關閉的彈框

    本文分享了javascript實現(xiàn)無法關閉的彈框的實例代碼,感興趣的朋友可以看下
    2016-11-11

最新評論