HTML の記述そのものを、HTML 上で表現する為の文字列の置換のテストを 行う HTML( +JavaScript ) です。 ※ /g で全て置換する事が解ると思います。 ※ サンプルは、charset=euc-jp であることに注意してください
<html>
<head>
<META http-equiv="Content-type" content="text/html; charset=euc-jp" />
<title>JavaScript 正規表現置換基本テスト</title>
<script type="text/javascript">
function act_replace( ev ) {
txt = document.getElementsByName("text")[0].value;
txt = txt.replace( /&/g, "&" );
txt = txt.replace( /</g, "<" );
txt = txt.replace( />/g, ">" );
document.getElementById("area").innerHTML = txt;
}
function act_replace_no( ev ) {
txt = document.getElementsByName("text")[0].value;
document.getElementById("area").innerHTML = txt;
}
function act_replace_nog( ev ) {
txt = document.getElementsByName("text")[0].value;
txt = txt.replace( /&/, "&" );
txt = txt.replace( /</, "<" );
txt = txt.replace( />/, ">" );
document.getElementById("area").innerHTML = txt;
}
</script>
</head>
<body>
<textarea
name="text"
style='width:400px;height:100px;'
><input type="text">
<input type="text"></textarea>
<br />
<input type="button" value="置換する" onclick="act_replace(event);">
<input type="button" value="そのまま" onclick="act_replace_no(event);">
<input type="button" value="g無し置換" onclick="act_replace_nog(event);">
<br />
<pre id="area"></pre>
</body>
</html>
タグ：javascript 正規表現
|
|
