本文提供了一个简单的正则表达式匹配实例，演示如何在JavaScript中使用正则表达式进行全局匹配或单一匹配。通过用户输入字符串和正则表达式，程序能够展示匹配结果。
<head>
<script>
function test(){
var testStr = document.getElementById('str').value;
var testExp = document.getElementById('express').value;
var globalChecked = document.getElementById('global').checked;
alert(testExp);
var reg= null;
if(globalChecked){
reg=new RegExp(testExp,'g');
}else{
reg=new RegExp(testExp);
}
var result = null;
result = testStr.match(reg);
alert('['+result+']');
}
</script>
</head>
<body style="text-align:center;margin:0 auto;width:500;">
<div style="padding-top:100;height:500;">
<table style="margin:300,auto;">
<tr>
<td>
str
</td>
<td>
<textarea id="str"></textarea>
</td>
</tr>
<tr>
<td>
exp
</td>
<td>
<input type="text" id="express" value="" style="width:400px;"/>
</td>
</tr>
<tr>
<td>
global match
</td>
<td>
no<input type="radio" name="globalGroup" id="notGlobal" checked value="no"/>
yes<input type="radio" id="global" name="globalGroup" value="true"/>
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="button" onclick="test()" value="test">
</td>
</tr>
</table>
<div>
</body>
<script>
function test(){
var testStr = document.getElementById('str').value;
var testExp = document.getElementById('express').value;
var globalChecked = document.getElementById('global').checked;
alert(testExp);
var reg= null;
if(globalChecked){
reg=new RegExp(testExp,'g');
}else{
reg=new RegExp(testExp);
}
var result = null;
result = testStr.match(reg);
alert('['+result+']');
}
</script>
</head>
<body style="text-align:center;margin:0 auto;width:500;">
<div style="padding-top:100;height:500;">
<table style="margin:300,auto;">
<tr>
<td>
str
</td>
<td>
<textarea id="str"></textarea>
</td>
</tr>
<tr>
<td>
exp
</td>
<td>
<input type="text" id="express" value="" style="width:400px;"/>
</td>
</tr>
<tr>
<td>
global match
</td>
<td>
no<input type="radio" name="globalGroup" id="notGlobal" checked value="no"/>
yes<input type="radio" id="global" name="globalGroup" value="true"/>
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="button" onclick="test()" value="test">
</td>
</tr>
</table>
<div>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
