- 浏览: 575198 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (174)
- JBPM (3)
- WWF (0)
- JavaScript (11)
- J2EE (40)
- OperationSystem (11)
- 数据库 (12)
- CSS (1)
- Ajax (2)
- J2SE (30)
- Tools (10)
- 服务器中间件 (3)
- 异常 (0)
- Flex (5)
- jQuery (11)
- html (9)
- Ejb (1)
- HTML5 Shiv–让该死的IE系列支持HTML5吧 (1)
- Spring (9)
- Quartz (3)
- log4j (1)
- maven (1)
- cpdetector (1)
- JSON (1)
- log4jdbc (1)
- asm (8)
- FusionCharts (1)
- jqplot (1)
- highcharts (1)
- excanvas (1)
- html5 (1)
- jpcap介绍 (1)
- weblogic (3)
- URLURLClassLoader (0)
- URLClassLoader (1)
- ant (2)
- ivy (2)
- nexus (1)
- IT (0)
- LoadRunner (1)
- SCSS (1)
- ruby (1)
- webstorm (1)
- typescript (1)
- Jboss7 (1)
- wildfly (1)
- oracle (5)
- esb (0)
- dubbo (2)
- zookeeper (3)
- eclipse (1)
- Android (2)
- Studio (1)
- Google (1)
- 微信 (1)
- 企业号 (1)
- Linux (13)
- Oracle12c (1)
- Hadoop (1)
- InletexEMC (1)
- Windows (1)
- Netty (3)
- Marshalling (2)
- Protobuf (1)
- gcc (1)
- Git (1)
- GitLab (1)
- shell (2)
- java (3)
- Spring4 (1)
- hibernate4 (1)
- postgresql (1)
- ApacheServer (2)
- Tomcat (2)
- ApacheHttpServer (2)
- realvnc (1)
- redhat (7)
- vncviewer (1)
- LVS (4)
- LVS-DR (1)
- RedHat6.5 (5)
- LVS-NAT (1)
- LVS-IPTUNNEL (2)
- LVS-TUN (1)
- keepalived (2)
- yum (1)
- iso (1)
- VMware (1)
- redhat5 (1)
- ha (1)
- nginx (2)
- proguard (1)
- Mat (1)
- DTFJ (1)
- axis2 (1)
- web service (1)
- centos (1)
- random (1)
- urandom (1)
- apache (1)
- IBM (1)
- cve (1)
- 漏洞 (1)
- JDBC (1)
- DataSource (1)
- jdk (1)
- tuxedo (2)
- wtc (1)
最新评论
-
skying007:
好资料,谢谢分享给啊
FusionCharts在服务器端导出图片(J2EE版) -
cgnnzg:
大神好 可以发一份源码给我学习么 多谢了 978241085 ...
springmvc+dubbo+zookeeper -
jifengjianhao:
求源码:854606899@qq.com
springmvc+dubbo+zookeeper -
wdloyeu:
shihuan8@163.com邮箱网盘在哪,没找到。能给份源 ...
Java Socket长连接示例代码 -
huangshangyuanji:
求代码:45613032@qq.com
springmvc+dubbo+zookeeper
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Javascript regex test page</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=GB2312">
<SCRIPT>
if (! document.all){ //兼容Mozilla的innerText
HTMLElement.prototype.__defineSetter__("innerText", function (sText) {
this.innerHTML = sText.replace(/\&/g, "&")
.replace(/>/g, ">")
.replace(/</g, "<")
.replace(/ /g, " ")
.replace(/\n/g,"<BR/>");
});
}
/**
* Method 测试正则表达式函数
* @param method 接收到的正则表达式类的方法
*/
function check(method)
{
// 将用户输入的正则表达式的标志转换为小写
document.getElementById("flags").value = document.getElementById("flags").value.toLowerCase();
// 如果含有不是g、i、m的字符, 则 提示并返回
if ( document.getElementById("flags").value.search(/[^g|i|m]/g) != -1 )
{
alert("flags only can be g, i, m");
return;
}
// 利用用户输入的字符串和标志建立正则表达式
var re = new RegExp(document.getElementById("regex").value, document.getElementById("flags").value);
// 获得并显示生成的正则表达式的字符串形式
document.getElementById("destRegex").innerText = re.toString() + ' ';
// 定义 返回值
var cr;
ex = "new RegExp('" + document.getElementById("regex").value + "', '" + document.getElementById("flags").value + "').";
// 根据用户选择的方法, 进行相应的调用
switch ( method )
{
case '0': // 正则表达式的 exec 方法
cr = re.exec(document.getElementById("string").value);
exex = ex + "exec('" + document.getElementById("string").value + "')";
break;
case '1': // 正则表达式的 test 方法
cr = re.test(document.getElementById("string").value);
exex = ex + "test('" + document.getElementById("string").value + "')";
break;
case '2': // 字符串类的 match 方法
cr = document.getElementById("string").value.match(re);
ex = "'" + document.getElementById("string").value + "'.match(" + re.toString() + ")";
break;
case '3': // 字符串类的 search 方法
cr = document.getElementById("string").value.search(re);
ex = "'" + document.getElementById("string").value + "'.search(" + re.toString() + ")";
break;
case '4': // 字符串类的 replace 方法
cr = document.getElementById("string").value.replace(re, '<thinkbase.net>');
ex = "'" + document.getElementById("string").value + "'.replace(" + re.toString() + ", '<thinkbase.net>')";
break;
case '5': // 字符串类的 split 方法
cr = document.getElementById("string").value.split(re);
ex = "'" + document.getElementById("string").value + "'.split(" + re.toString() + ")";
break;
}
// 获得并显示表达式
document.getElementById("expression").innerText = ex;
// 获得并显示计算结果的类型
document.getElementById("returnType").innerText = typeof(cr);
// 定义结果
var result = '';
if ( cr != null && typeof(cr) == 'object' && cr.length != null ) // 如果计算结果是一个数组, 则取出所有数组的值
{
for ( i = 0; i < cr.length; i++ )
{
result += "array[" + i + "] = '" + cr[i] + "'\n";
}
}
else
if ( cr != null ) // 如果计算结果不为null, 则取出计算结果的值
{
result = cr;
}
// 获得并显示结果
document.getElementById("matchResult").innerText = result + ' ';
// 获得并显示正则表达式的lastIndex属性
document.getElementById("lastIndex").innerText = re.lastIndex + ' ';
}
</SCRIPT>
<style>
input {
background:ffffff;
height:21;
padding-left:3px;
font-size:9pt;
font-family:Courier New;
border:1px solid #000000
}
textarea {
background:ffffff;
padding-left:3px;
font-size:9pt;
font-family:Courier New;
border:1px solid #000000
}
body {
font-family: Verdana;
font-size: 9pt;
line-height: 170%
}
</style>
</HEAD>
<BODY ALIGN=CENTER>
<FORM METHOD="post" ACTION="" ALIGN=CENTER>
<TABLE width="100%" border="1" cellpadding="1" cellspacing="0"
bordercolorlight = "#C0C0C0" bordercolordark = "#FFFFFF"
style="font-family: Verdana; font-size: 9pt"
>
<TR>
<TD COLSPAN="2" ALIGN="CENTER" style="font-size: 12pt; font-weight: bold">Test javascript regex</TD>
</TR>
<TR>
<TD width="30%">test regex:</TD>
<TD><INPUT NAME="regex" TYPE="text" size="50" ID="regex"></TD>
</TR>
<TR>
<TD>test regex flags:</TD>
<TD><INPUT NAME="flags" TYPE="text" size="50" ID="flags" ID="flags">('g', 'i', or 'm')</TD>
</TR>
<TR>
<TD>test string:</TD>
<TD><textarea name="string" rows=5 id="string" style="width:90%"></textarea></TD>
</TR>
<TR>
<TD>select method:</TD>
<TD>
<SELECT NAME="select" onChange="check(this.value)" ID="select"
style="font-family: Verdana;">
<OPTION VALUE="0">exec</OPTION>
<OPTION VALUE="1">test</OPTION>
<OPTION VALUE="2">match</OPTION>
<OPTION VALUE="3">search</OPTION>
<OPTION VALUE="4">replace</OPTION>
<OPTION VALUE="5">split</OPTION>
</SELECT>
<INPUT VALUE='run' onclick="check(document.getElementById('select').value)" TYPE=button
style="background: #D6E7EF;
border-bottom: 1px solid #104A7B;border-right: 1px solid #104A7B
border-left: 1px solid #AFC4D5;border-top:1px solid #AFC4D5;
color:#000066; font-family:Verdana;
19px;text-decoration:none;cursor: hand;
width: 60px">
</TD>
</TR>
<TR>
<TD>dest regex:</TD>
<TD STYLE="color:blue" ID=destRegex> </TD>
</TR>
<TR>
<TD>dest expression:</TD>
<TD STYLE="color:blue" ID=expression> </TD>
<TR>
<TR>
<TD>return type:</TD>
<TD STYLE="color:darkred" ID=returnType> </TD>
</TR>
<TR>
<TD>result:</TD>
<TD STYLE="color:red" ID=matchResult> </TD>
</TR>
<TR>
<TD>regex lastIndex:</TD>
<TD STYLE="color:red" ID=lastIndex> </TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Javascript regex test page</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=GB2312">
<SCRIPT>
if (! document.all){ //兼容Mozilla的innerText
HTMLElement.prototype.__defineSetter__("innerText", function (sText) {
this.innerHTML = sText.replace(/\&/g, "&")
.replace(/>/g, ">")
.replace(/</g, "<")
.replace(/ /g, " ")
.replace(/\n/g,"<BR/>");
});
}
/**
* Method 测试正则表达式函数
* @param method 接收到的正则表达式类的方法
*/
function check(method)
{
// 将用户输入的正则表达式的标志转换为小写
document.getElementById("flags").value = document.getElementById("flags").value.toLowerCase();
// 如果含有不是g、i、m的字符, 则 提示并返回
if ( document.getElementById("flags").value.search(/[^g|i|m]/g) != -1 )
{
alert("flags only can be g, i, m");
return;
}
// 利用用户输入的字符串和标志建立正则表达式
var re = new RegExp(document.getElementById("regex").value, document.getElementById("flags").value);
// 获得并显示生成的正则表达式的字符串形式
document.getElementById("destRegex").innerText = re.toString() + ' ';
// 定义 返回值
var cr;
ex = "new RegExp('" + document.getElementById("regex").value + "', '" + document.getElementById("flags").value + "').";
// 根据用户选择的方法, 进行相应的调用
switch ( method )
{
case '0': // 正则表达式的 exec 方法
cr = re.exec(document.getElementById("string").value);
exex = ex + "exec('" + document.getElementById("string").value + "')";
break;
case '1': // 正则表达式的 test 方法
cr = re.test(document.getElementById("string").value);
exex = ex + "test('" + document.getElementById("string").value + "')";
break;
case '2': // 字符串类的 match 方法
cr = document.getElementById("string").value.match(re);
ex = "'" + document.getElementById("string").value + "'.match(" + re.toString() + ")";
break;
case '3': // 字符串类的 search 方法
cr = document.getElementById("string").value.search(re);
ex = "'" + document.getElementById("string").value + "'.search(" + re.toString() + ")";
break;
case '4': // 字符串类的 replace 方法
cr = document.getElementById("string").value.replace(re, '<thinkbase.net>');
ex = "'" + document.getElementById("string").value + "'.replace(" + re.toString() + ", '<thinkbase.net>')";
break;
case '5': // 字符串类的 split 方法
cr = document.getElementById("string").value.split(re);
ex = "'" + document.getElementById("string").value + "'.split(" + re.toString() + ")";
break;
}
// 获得并显示表达式
document.getElementById("expression").innerText = ex;
// 获得并显示计算结果的类型
document.getElementById("returnType").innerText = typeof(cr);
// 定义结果
var result = '';
if ( cr != null && typeof(cr) == 'object' && cr.length != null ) // 如果计算结果是一个数组, 则取出所有数组的值
{
for ( i = 0; i < cr.length; i++ )
{
result += "array[" + i + "] = '" + cr[i] + "'\n";
}
}
else
if ( cr != null ) // 如果计算结果不为null, 则取出计算结果的值
{
result = cr;
}
// 获得并显示结果
document.getElementById("matchResult").innerText = result + ' ';
// 获得并显示正则表达式的lastIndex属性
document.getElementById("lastIndex").innerText = re.lastIndex + ' ';
}
</SCRIPT>
<style>
input {
background:ffffff;
height:21;
padding-left:3px;
font-size:9pt;
font-family:Courier New;
border:1px solid #000000
}
textarea {
background:ffffff;
padding-left:3px;
font-size:9pt;
font-family:Courier New;
border:1px solid #000000
}
body {
font-family: Verdana;
font-size: 9pt;
line-height: 170%
}
</style>
</HEAD>
<BODY ALIGN=CENTER>
<FORM METHOD="post" ACTION="" ALIGN=CENTER>
<TABLE width="100%" border="1" cellpadding="1" cellspacing="0"
bordercolorlight = "#C0C0C0" bordercolordark = "#FFFFFF"
style="font-family: Verdana; font-size: 9pt"
>
<TR>
<TD COLSPAN="2" ALIGN="CENTER" style="font-size: 12pt; font-weight: bold">Test javascript regex</TD>
</TR>
<TR>
<TD width="30%">test regex:</TD>
<TD><INPUT NAME="regex" TYPE="text" size="50" ID="regex"></TD>
</TR>
<TR>
<TD>test regex flags:</TD>
<TD><INPUT NAME="flags" TYPE="text" size="50" ID="flags" ID="flags">('g', 'i', or 'm')</TD>
</TR>
<TR>
<TD>test string:</TD>
<TD><textarea name="string" rows=5 id="string" style="width:90%"></textarea></TD>
</TR>
<TR>
<TD>select method:</TD>
<TD>
<SELECT NAME="select" onChange="check(this.value)" ID="select"
style="font-family: Verdana;">
<OPTION VALUE="0">exec</OPTION>
<OPTION VALUE="1">test</OPTION>
<OPTION VALUE="2">match</OPTION>
<OPTION VALUE="3">search</OPTION>
<OPTION VALUE="4">replace</OPTION>
<OPTION VALUE="5">split</OPTION>
</SELECT>
<INPUT VALUE='run' onclick="check(document.getElementById('select').value)" TYPE=button
style="background: #D6E7EF;
border-bottom: 1px solid #104A7B;border-right: 1px solid #104A7B
border-left: 1px solid #AFC4D5;border-top:1px solid #AFC4D5;
color:#000066; font-family:Verdana;
19px;text-decoration:none;cursor: hand;
width: 60px">
</TD>
</TR>
<TR>
<TD>dest regex:</TD>
<TD STYLE="color:blue" ID=destRegex> </TD>
</TR>
<TR>
<TD>dest expression:</TD>
<TD STYLE="color:blue" ID=expression> </TD>
<TR>
<TR>
<TD>return type:</TD>
<TD STYLE="color:darkred" ID=returnType> </TD>
</TR>
<TR>
<TD>result:</TD>
<TD STYLE="color:red" ID=matchResult> </TD>
</TR>
<TR>
<TD>regex lastIndex:</TD>
<TD STYLE="color:red" ID=lastIndex> </TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
发表评论
-
form的submit与onsubmit的用法与区别
2015-10-14 11:21 6248submit与onsubmit 发生顺序:onsubmit ... -
AngularJS介绍
2015-05-30 20:47 661AngularJS下载地址 http://angularj ... -
让IE8支持HTML5及canvas功能
2014-07-24 16:41 1967http://code.google.com/p/explor ... -
highcharts导出图片到Excel和Pdf文件中
2014-07-24 16:17 2388http://www.hcharts.cn/ (Hig ... -
js弹出层示例代码
2014-06-27 09:29 974附件里是用js做的可运行的*.html文件。 鼠标单击弹出层 ... -
JavaScript解析Json对象
2014-04-29 22:21 1411下面是简单模式的json字符串解析案例: var json ... -
jquery判断360浏览器
2013-11-14 16:27 1794<!DOCTYPE HTML PUBLIC " ... -
JavaScript中16进制Unicode编码与中文的相互转换
2013-03-12 16:10 7539<!DOCTYPE HTML PUBLIC &quo ... -
MTracer工具介绍及软件下载
2011-12-09 11:06 1540点击匹配按钮即可看到结果。 附件里MTracer软件包, ... -
js javascript 文字变换颜色,样式,改变文字的颜色,样式,js改变字体
2009-02-24 09:58 24636<html> <head> < ...
相关推荐
单机版的正则表达式测试工具,可以快速看到test和exec的结果。
正则表达式测试工具 代码 编程 WEB开发 脚本开发
近期项目中正则表达式使用相当频繁,无论是web,还是java项目进行正则表达式调试都比较麻烦,上网搜了一下,又没有找到好用的工具,只有自已做一个测试用的页面来进行调试,现在供享出来,希望有人可以得到方便。
想使用正则将匹配的字符都 copy 出来,但是没有工具可以实现。 索性自己用HTML+JS编写一个简单小工具。
正则表达式 javascript 测试工具 我是作者哦!原创,都自己在开发中用de!
好东西 都是好东西咧 里面包括 C#中的常用正则表达式总结 javascript 验证url的正则表达式 JavaScript中的正则表达式学习1-2 JS与正则式强化训练作业 经典正则表达式 正则表达式--递归匹配与...正则式测试工具 等等等等
使用html和javascript编写的简单验证正则表达式的工具
近期项目中正则表达式使用相当频繁,无论是web,还是java项目进行正则表达式调试都比较麻烦,上网搜了一下,又没有找到好用的工具,只有自已做一个测试用的页面来进行调试,现在供享出来,希望有人可以得到方便。
测试 正则表达式 工具 内含 jsp和js的正则表达式工具
对于复杂的网页编程实现,经常要用到正则表达式,拼凑出来的表达式正确不正确,如果自己去写测试代码,太费时间了,我收集的这个工具就可以很好地解决这个问题;另外工具包中还提供一个JavaScript代码格式转换工具,...
js格式化工具,可用于正则表达式的测试,也可用于是否符合正则表达式的语法!使用起来非常方便
正则表达式教程和测试工具,包含一个javascript的测试代码,和一个正则表达式的教程
简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具。其作用如下: 测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为...
《正则表达式 必知必会》配套工具。 JavaScript写成,带统计功能。
正则 工具 表达式 C# javascript 很好用的一工具
\w匹配的仅仅是中文,数字,字母,对于国人来讲,仅匹配中文时常会用到,见下 ...JavaScript正则表达式在线测试工具: http://tools.jb51.net/regex/javascript 正则表达式在线生成工具: http://tool
它能够帮助用户学习,创建,理解,测试,使用和保存正则表达式,是您处理正则表达式的完美伴侣。支持多平台规则测试,支持正则式分组测试以及对相关字符进行高亮显示,支持jGsoft 、.Net 、Java、Prel、javascript、...