スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

javascriptでの文字列の置換え処理

文字列置換ツール


検索文字:
置換文字:



最近,javascriptで簡単なサンプルプログラムを作るのにはまっている。
プログラミングって繰り返しの操作をボタン一つで行えるようになるので便利ですよね

今回作りたいと思ったのは、文章(文字列)の置き換え処理です。
テキストエリアの文字列を検索文字から置換え文字に置換えます
br /> 続きは、プログラムのソースを表示しておきます。
<script>
  function on(){
 var str = document.form1.box1.value;//ボックスから値の取得

 /*取得した値にプログラミングがある場合は,括弧などを特殊文字に置換える処理*/ 
   str = str.replace(/&/g,"&amp;");
    str = str.replace(/"/g,"&quot;");
    str = str.replace(/'/g,"&#039;");
    str = str.replace(/</g,"&lt;");
    str = str.replace(/>/g,"&gt;");
      
      
    mae= document.form1.text1.value;//値の取得と変数へ代入
    ato= document.form1.text2.value;

/*mae(書き換えたい文字)をato(書き換え後)の文字に置換え*/

    str=str.replace(new RegExp(mae,"g"),ato);
    
document.getElementById("a1").innerHTML=str;
  }
  

</script>
<form name="form1">
<textarea value="送信" rows="10" cols="50" id="" name="box1">
ここに文字を入れます。</textarea>     
A:<input type="serach" name="text1" size="30" value="書き換えたい文字" />  
B:<input type="text" name="text2" size="30" value="書き換え後の文字" />    
<input type="button" onclick="on()" value="送信" /></form>

※文字を書き換えます。
<h2>結果</h2>
<textarea id="a1" rows="10" cols="50">ここに文字が表示されます</textarea>
 

「javascriptでの文字列の置換え処理」この記事を書いてから、
テキストの検索と置換ツールとしてサイトを作成しました。
http://webtool.sakuratan.com/match.html
関連記事

コメント


管理者のみに表示
ニューハーフ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。