<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">
石壕吏

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

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

您可能感興趣的文章: