window.showModelessDialog()Ҏ用来创徏一个显CHTML内容的非模态对话框?nbsp;
当我们用showModelessDialog()打开H口Ӟ不必用window.close()d闭它Q当以非模态方式EIE5Q打开Ӟ 打开对话框的H口仍可以进行其他的操作Q即对话框不L最上面的焦点，当打开它的H口QＲQ改变时Q它自动关闭。而模态EQIQ］方式的对话框始终有焦点（焦点不可U走Q直到它关闭Q。模态对话框和打开它的H口相联p，因此我们打开另外的窗口时Q他们的链接关系依然保存Qƈ且隐藏在zdH口的下面?nbsp;
使用Ҏ如下Q?nbsp;
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures])
参数说明Q?nbsp;
sURL
必选参敎ͼcdQ字W串。用来指定对话框要显C的文档的URL?nbsp;
vArguments
可选参敎ͼcdQ变体。用来向对话框传递参数。传递的参数cd不限Q包括数l等。对话框通过window.dialogArguments来取得传递进来的参数?nbsp;
sFeatures
可选参敎ͼcdQ字W串。用来描q对话框的外观等信息Q可以用以下的一个或几个Q用分号“;”隔开?nbsp;
dialogHeight 对话框高度，不小于１Q０pxQﾃQ４中dialogHeight ?nbsp;dialogWidth 默认的单位是emQ而ﾃQ５中是pxQؓ方便其见Q在定义modal方式的对话框Ӟ用px做单位?nbsp;
dialogWidth: 对话框宽度?nbsp;
dialogLeft: 距离桌面左的距离?nbsp;
dialogTop: L面上的距R?nbsp;
center: {yes | no | | 0 }Q窗口是否居中，默认yesQ但仍可以指定高度和宽度?nbsp;
help: {yes | no | | 0 }Q是否显C帮助按钮，默认yes?nbsp;
resizable: {yes | no | | 0 } QﾃQ５Q］Q是否可被改变大。默认no?nbsp;
status: {yes | no | | 0 } QIE5+Q：是否昄状态栏。默认ؓyes[ Modeless]或no[Modal]?nbsp;
scroll:{ yes | no | | 0 | on | off }Q指明对话框是否昄滚动条。默认ؓyes?nbsp;
q有几个属性是用在HTA中的Q在一般的|页中一般不使用?nbsp;
dialogHide:{ yes | no | | 0 | on | off }Q在打印或者打印预览时对话框是否隐藏。默认ؓno?nbsp;
edge:{ sunken | raised }Q指明对话框的边框样式。默认ؓraised?nbsp;
unadorned:{ yes | no | | 0 | on | off }Q默认ؓno?nbsp;
传入参数Q?nbsp;
要想对话框传递参敎ͼ是通过vArguments来进行传递的。类型不限制Q对于字W串cdQ最大ؓ4096个字W。也可以传递对象，例如Q?nbsp;
test.htm
====================
<script>
var mxh = new Array("mxh","net_lover","孟子E?)
var mxh2 = window.open("about:blank","window_mxh")
// 向对话框传递数l?nbsp;
window.showModalDialog("test2.htm",mxh)
// 向对话框传递window对象
window.showModalDialog("test3.htm",mxh2)
</script>
test2.htm
====================
<script>
var a = window.dialogArguments
alert("您传递的参数为：" + a)
</script>
test3.htm
====================
<script>
var a = window.dialogArguments
alert("您传递的参数为window对象Q名Uͼ" + a.name)
</script>
可以通过window.returnValue向打开对话框的H口q回信息Q当然也可以是对象。例如：
test4.htm
===================
<script>
var a = window.showModalDialog("test5.htm")
for(i=0;i<a.length;i++) alert(a[i])
</script>
test5.htm
===================
<script>
function sendTo()
{
var a=new Array("a","b")
window.returnValue = a
window.close()
}
</script>
<body>
<form>
<input value="q回" type=button onclick="sendTo()">
</form>
]]>
在父面讉KIframe子窗体的txtAddress控g
window.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ;
在Iframe子窗?讉K爉面的TextBox1控g , 子窗?把Dl子H体2的某个控?br />
string strValue = "从子H体传递给爉面的? ;
下面是在Page_Load事g里面调用?当然可以写在javascript脚本里面
this.Response.Write("<script>parent.document.all('TextBox1').value = '" + strValue + "';</script>");
this.Response.Write("<script>if( parent.document.all('TextBox2').value = '0')parent.document.all('TextBox1').value = '44';</script>");
在Iframe子窗?讉K子窗?的txtAddress控g 子窗?把Dl子H体2的某个控?
window.parent.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ;
父窗体提交两个Iframe子窗?br />
window.frames["ifrMapCompanyDetails"].Form1.submit();
window.frames["ifrMapProductInfoDetails"].Form1.submit();
Iframe子窗?调用爉面的javascript事g
window.parent.XXX()
//爉面调用当前页面中IFRAME子页面中的脚本childEvent
function invokechildEvent()
{ var frm = document.frames["ifrChild1"].childEvent(); }
或者调用当前页面中W一个IFRAME中的脚本childEvent
{ var frm = document.frames[0]; frm.childEvent(); }
//子页面调用父H体的某个按钮的按钮事g
window.parent.Form1.btnParent.click()
爉面调用子H体的某个按钮的按钮事g
window.frames['ifrChild1'].document.all.item("btnChild3").click();
]]>
//定义一个类class1 
function class1(){ 
//构造函?nbsp;
} //通过指定prototype对象来实现类的成员定?nbsp;class1.prototype={ someProperty:"sample",//声明属?/span>
someMethod:function(){ //声明Ҏ
//Ҏ代码 
}, …//其他属性和Ҏ. }
上面的代码用一U很清晰的方式定义了class1Q构造函数直接用cd来实玎ͼ而成员用无cd对象来定义，以列表的方式实现了所有属性和ҎQƈ且可以在定义的同时初始化属性的倹{这也更象传l意义面向对象语a中类的实现。只是构造函数和cȝ成员定义被分Z两个部分Q这可看成JavaScript中定义类的一U固定模式，q样在用时会更加容易理解?/p>
注意Q在一个类的成员之间互相引用，必须通过this指针来进行，例如在上面例子中的someMethodҎ中，如果要用属性somePropertyQ必通过this.someProperty的Ş式，因ؓ在JavaScript中每个属性和Ҏ都是独立的，它们通过this指针联系在一个对象上?
]]>
function openNewWindow(){ window.open("productoffer_attr_new.html","newwindow",'height=400,width=400,top='+(screen.availHeight-400)/2+',left='+(screen.availWidth-400)/2+',toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');}window.location 用来替换当前，也就是重新定位当前页
Q?Q、setTimeout("loadTreeData()",1000);
表示?000ms之后q行loadTreeData函数
Q?Q、select文本框取?br /> 1、取得option中的?br /> var selvalue=document.forms.attr_type.options[document.forms.attr_type.selectedIndex].value
2、取得option中的name
var selvalue=document.forms.attr_type.options[document.forms.attr_type.selectedIndex].text
Q?Q、取得复选框的?br /> function openUpdateWindow()
{
var a = document.getElementsByName("rows");
var s = [];
for(var i=0; i<a.length; i++)
{
if(a[i].type=="checkbox" && a[i].checked)
{
s[s.length] = a[i].value;
}
}
if(s.length>=2){alert("修改权限只能选择一条记录！");
}else{
window.open("pages/product/productoffer/productoffer_attr_new.jsp?offer_id="+s[0],"newwindow",'height=300,width=400,top='+(screen.availHeight-200)/2+',left='+(screen.availWidth-400)/2+',toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');
}
}
Q?Q、取得多选框和单选框的?br /> <script>
function check(myname)
{
checkvalue="";
for(i=0;i<document.all[myname].length;i++)
if(document.all[myname][i].checked)
checkvalue+=document.all[myname][i].value+";"
alert(checkvalue);
}
</script>
<input type=radio name=myradio value=1>
<input type=radio name=myradio value=2>
<input type=radio name=myradio value=3>
<input type=checkbox name=mycheckbox value=4>
<input type=checkbox name=mycheckbox value=5>
<input type=checkbox name=mycheckbox value=6>
<input type=checkbox name=mycheckbox value=7>
<input type=button onclick=check("myradio") value=radio>
<input type=button onclick=check("mycheckbox") value=checkbox>
Q?Q、打开open传递form表单
window.open("","hello",'height=250,width=600,top='+(screen.availHeight-250)/2+',left='+(screen.availWidth-600)/2+',toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');
document.forms.target="hello";
document.forms.action="pages/product/productoffer/product_offer_bindNew.jsp";
document.forms.submit();
(8)、取得单选况的?br /> <INPUT id="Radio1" type="radio" value="fasd" name="RadioGroup" onclick="alert(this.value);">
(9)、js讄文本框ؓ只读
document.getElementById("rivetValue").readOnly=true;
]]>
原始?/code> | 原始?/td> | 呈现l果 |
| <font color="#ff0000">U?lt;/font> | U色的字喔！ |
| <font color="#ff8000">?lt;/font> | 色的字喔！ |
| <font color="#ffff00">?lt;/font> | 黄色的字喔！ |
| <font color="#00ff00">l?lt;/font> | l色的字喔！ |
| <font color="#0080ff">?lt;/font> | 蓝色的字喔！ |
| <font color="#0000a0">?lt;/font> | 靛色的字喔！ |
| <font color="#8000ff">?lt;/font> | 紫色的字喔！ |
| <font color="#000000">?lt;/font> | 黑色的字喔！ |
| <font color="#c0c0c0">?lt;/font> | 灰色的字喔！ |
]]>
字体名称属?(font-family) {font-family:Arial}可选项:captionQicon Qmenu Qmessage-boxQsmall-captionQstatus-bar
字体大小属?(font-size){font-size:16pt}最长用的就是pt,px
字体风格属?font-style){font-sytle:italic}可选项:normal, italic, oblique。normal是缺省|italic, oblique都是斜体昄?br /> 字体E属?font-weight)q个属性常用值是normal和boldQnormal是缺省?br /> 字体变量属?font-variant)q个属性有两个|normal和small-capsQnormal是缺省倹{small-caps表示的大写字体?br /> 字体属?font){font:italic normal bold 11pt arial}
字体颜色(color)
行高属?line-height) normal (~省? length (长度Q可以用l对单位(cm, mm, in, pt,pc)或者相对单?(em, ex, px)) percentage (癑ֈ比，相当于父对象高度的百分比)
(2)文本属?br /> 文本寚w属?text-align)可选项?left,right,center,justify
文本修饰属?text-decoration)q个属性主要设定文本划U的属性。有以下|none (无，~省? underline (下划U? overline (上划U? line-through (当中划线)
文本~进属?text-indent)q个属性设定文本首行羃q。其值有以下讑֮ҎQlength (长度Q可以用l对单位(cm, mm, in, pt, pc)或者相对单?(em, ex, px)) percentage (癑ֈ比，相当于父对象宽度的百分比)
字间距属?letter-spacing)q个属性用来设定字W之间的距离。normal (~省? length (长度Q可以用l对单位(cm, mm, in, pt, pc)或者相对单?(em, ex, px))
]]>
font-family: 字体名称
如果在font-family后加上多U字体的名称Q浏览器回按字体名称的顺序逐一在用L计算机里L已经安装的字体，一旦遇C要求的相匚w的字体，按q种字体昄|页内容Qƈ停止搜烦Q如果不匚wql搜索，直到扑ֈ为止Q万一样式表里的所有字体都没有安装的话Q浏览器׃用自己默认的字体来替代显C网늚内容?br /> 注意Q?br /> ·当指定多U字体时Q用“Q?#8221;分隔每种字体名称?br /> ·当字体名U包含两个以上分开的单词时Q用“”把该字体名称括v来?br /> ·当样式规则外已经?#8220;”Ӟ?#8216;’代替“”?
字体大小
font-size: 字号参数
字号的取D_
·以Point为单位：点单位在所有的览器和操作q_上都适用
·以Em为单位：指字母要素的寸Q和Point相同距离
·以Pixes为单位：像素可以使用于所有的操作q_Q但可能会因为浏览者的屏幕分L率不同，而造成昄上的效果差异
·以inQ英寸）为单?
·以cmQ厘cI为单?
·以mmQ毫cI为单?
·以pcQ打印机的字体大）为单?
·以exQx-heightQؓ单位
·smallerQ比当前文字的默认大更一?
·largerQ比当前文字的默认大更大?
·使用比例关系
·xx-small
·x-small
·small
·medium
·large
·x-large
·xx-large
字体风格
字体风格只能控制各种斜体字的昄?
基本格式如下Q?
font-style: 斜体字的名称
字体_细
字体_细控制_体字的昄Q取D围从数字100~900Q浏览器默认的字体粗lؓ400。另外可以通过参数lighter和bolder使得字体在原有基上显得更l或更粗些?
基本格式如下Q?
font-weight: 字体_细
文字大小?
文字大小写ɾ|页的设计者不用在输入文字时就完成文字的大写Q而可以在输入完毕后，再根据需要对局部的文字讄大小写?br /> 基本格式如下Q?
text-transform: 参数
参数取D_
·uppercaseQ所有文字大写显C?
·lowercaseQ所有文字小写显C?
·capitalizeQ每个单词的头字母大写显C?
·noneQ不l承母体的文字变形参?
注意Q承是指HTML的标识符对于包含自己的标识符的参Cl承下来?br /> 文字修饰
文字修饰的主要用途是改变览器显C文字链接时的下划线?
基本格式如下Q?
text-decoration: 参数
参数取D_
·underlineQؓ文字加下划线
·overlineQؓ文字加上划线
·line-throughQؓ文字加删除线
·blinkQ文字闪烁
·noneQ不昄上述M效果
单词间距
单词间距指的是英文每个单词之间的距离Q不包括中文文字?br /> 基本格式如下Q?br /> word-spacing: 间隔距离
间隔距离的取|points、em、pixes、in、cm、mm、pc、ex、normal{?
字母间距
字母间距是指英文字母之间的距，功能、用法，以及参数的设|和单词间距很相伹{?
基本格式如下Q?
letter-spacing: 字母间距
行距
行距是指上下两行基准U之间的垂直距离。一般地_英文五线格练习本Q从上往下数的第三条横线是计算机所认ؓ的该行的基准Uѝ?br /> 基本格式如下Q?br /> line-height: 行间距离
行间距离取|
·不带单位的数字：?为基敎ͼ相当于比例关pȝ100%
·带长度单位的数字Q以具体的单位ؓ?br /> ·比例关系
注意Q如果文字字体很大，而行距相对较的话，可能会发生上下两行文字互盔R叠的现象?br /> 文本水^寚w
文本水^寚w可以控制文本的水q_齐，而且q不仅仅指文字内容，也包括设|图片、媄像资料的寚w方式?br /> 基本格式如下Q?br /> text-align: 参数
参数的取|
·leftQ左寚w
·rightQ右寚w
·centerQ居中对?br /> ·justifyQ相对左叛_?br /> 但需要注意的是，text-alight是块U属性，只能用于< p>?lt; blockquqte>?lt; ul>?lt; h1>~< h6>{标识符里?br /> 文本垂直寚w
文本的垂直对齐应当是相对于文本母体的位置而言的，不是指文本在|页里垂直对齐。比如说Q表格的单元格里有一D|本，那么对这D|本设|垂直居中就是针对单元格来衡量的Q也是_文本在单元格的正中昄Q而不是整个网늚正中?br /> 基本格式如下Q?br /> vertical-align: 参数
参数取|
·topQ顶寚w
·bottomQ底寚w
·text-topQ相Ҏ本顶寚w
·text-bottomQ相Ҏ本底寚w
·baselineQ基准线寚w
·middleQ中心对?br /> ·subQ以下标的Ş式显C?br /> ·superQ以上标的Ş式显C?br /> 文本~进
文本~进可以使文本在相对默认DH的区域里显C，主要用于中文板式的首行羃q，或是为大D늚引用文本和备注做成羃q的格式?br /> 基本格式如下Q?br /> text-indent: ~进距离
~进距离取|
·带长度单位的数字
·比例关系
但是需要注意的是，在用比例关pȝ时候，有h会认为浏览器默认的比例是相对D落的宽度而言的，其实事实q如此Q整个浏览器的窗口才是浏览器所默认的参照物?br /> 另外Qtext-indent是块U属性，只能用于< p>?lt; blockquqte>?lt; ul>?lt; h1>~< h6>{标识符里?
颜色属?
基本格式如下Q?
color: 参数
颜色参数取D_
·以RGBDC?
·?6q制QhexQ的色彩DC?
·以默认颜色的英文名称表示
以默认颜色的英文名称表示无疑是最为方便的Q但׃预定义的颜色U类太少Q所以更多的|页设计者喜Ƣ用RGB的方式。RGB方式的好处很多，不但可以用数字的形式_地表C颜Ԍ而且也是很多囑փ制作软gQ如PhotoshopQ里默认使用的规范，q样一来就为图片和|页更好地结合打下了坚实的基?br /> 背景颜色
在HTML当中Q要为某个对象加上背景色只有一U办法，那就是先做一个表|在表g讄完背景色Q再把对象放q单元格。这样做比较ȝQ不但代码较多，q要格的大小和定位伤些脑{。现在用CSS可以轻村֜直接搞定了，而且对象的范围很q，可以是一D|字，也可以只是一个单词或一个字母?br /> 基本格式如下Q?
background-color: 参数
参数取值和颜色属性一栗?
背景囄
基本格式如下Q?
background-image: url(URL)
URL是背景囄的存放\径。如果用“none”来代替背景图片的存放路径Q将什么也不显C?br /> 背景囄重复
背景囄重复控制的是背景囄q铺与否Q也是_l合背景定位的控制可以在|页上的某处单独昄一q背景图片?
基本格式如下Q?
background-repeat: 参数
参数取D_
·no-repeatQ不重复q铺背景囄
·repeat-xQ囄只在水^方向上^?
·repeat-yQ囄只在垂直方向上^?
如果不指定背景图片重复属性，览器默认的是背景图片向水^、垂直两个方向上q铺?br /> 背景囄固定
背景囄固定控制背景囄是否随网늚滚动而滚动。如果不讄背景囄固定属性，览器默认背景图片随|页的滚动而滚动。ؓ了避免过于花哨的背景囄在滚动时伤害览者的视力Q所以可以解除背景图片和文字内容的捆l，该ؓ和浏览器H口捆绑?
基本格式如下Q?
background-attachment: 参数
参数取D_
·fixedQ网|动时Q背景图片相对于览器的H口而言Q固定不?
·scrollQ网|动时Q背景图片相对于览器的H口而言Q一h?
背景定位
背景定位用于控制背景囄在网中昄的位|?
基本格式如下Q?
background-position: 参数?
参数取D_
·带长度单位的数字参数
·topQ相对前景对象顶寚w
·bottomQ相对前景对象底寚w
·leftQ相对前景对象左寚w
·rightQ相对前景对象右寚w
·centerQ相对前景对象中心对?
·比例关系
参数中的center如果用于另外一个参数的前面Q表C水q_中；如果用于另外一个参数的后面Q表C垂直居中?br /> 列表W号
列表W号是指昄于每一个列表项目前的符h识?
基本格式如下Q?br /> list-style-typeQ参?
参数取D_
·discQ圆?
·circleQ空心圆
·squareQ方?
·decimalQ十q制数字
·lower-romanQ小写罗马数?
·upper-romanQ大写罗马数?
·lower-alphaQ小写希腊字?
·upper-alphaQ大写希腊字?
·noneQ无W号昄
参数中的disc是默认选项?
囑ŞW号
囑ŞW号指原来列表的目W号可以用图形来代替?
基本格式如下Q?
list-style-imageQURL
URL是用来代曉K目符L囑Ş文g的地址Q可以用相对地址或绝对地址?
列表位置
列表位置描述列表在何处显C?
基本格式如下Q?
list-style-positionQ参?
参数取D_
·insideQ在BOX模型内部昄
·outsideQ在BOX模型外部昄
q里又出C一个新的概念：BOX模型。BOX是指一U容器，包含了应用样式规则的对象Q具体介l将在后文中l出?
在网上Q鼠标^时呈头形，指向链接时成为手形，{待|页下蝲时成为沙漏Ş……q似乎是U定俗成的。虽然这L设计能我们知道览器现在的状态或是可以做什么，但这些好像还不能完全地满x们的需要。就拉K接来_可以是指向一个帮助文Ӟ也可以是向前q一|是向后退一，针对如此多的功能光靠千篇一律的手Ş鼠标是不能说明问题的。值得庆幸的是QCSS提供了多?3U的鼠标形状Q供我们选择?
基本格式如下Q?
cursorQ鼠标Ş状参?
CSS鼠标形状参数表：
CSS代码
鼠标形状
style="cursor:hand"
手Ş
style="cursor:crosshair"
十字?
style="cursor:text"
文本?
style="cursor:wait"
沙漏?
style="cursor:move"
十字头?
style="cursor:help"
问号?
style="cursor:e-resize"
右箭头Ş
style="cursor:n-resize"
上箭头Ş
style="cursor:nw-resize"
左上头?
style="cursor:w-resize"
左箭头Ş
style="cursor:s-resize"
下箭头Ş
style="cursor:se-resize"
右下头?
style="cursor:sw-resize"
左下头?
ҎI白QMARGINQ?
如图所C，位于BOX模型的最外层Q包括四属性?
格式分别如下Q?
·margin-topQ顶部空白距?
·margin-rightQ右边空白距?
·margin-bottomQ底部空白距?
·margin-leftQ左边空白距?
I白的距d以用带长度单位的数字表示?
如果使用上述属性的化方式marginQ可以在其后q箋加上四个带长度单位的数字Q来分别表示margin-top、margin-right、margin-bottom、margin-leftQ每个数字中间要用空格分隔?br /> 对象ҎQBORDERQ?
如图所C，位于ҎI白和对象空隙之_包括了七属性?br /> 格式分别如下Q?
·border-topQ顶Ҏ宽度
·border-rightQ右Ҏ宽度
·border-bottomQ底Ҏ宽度
·border-leftQ左Ҏ宽度
·border-widthQ所有边框宽?
·border-colorQ边框颜?
·border-styleQ边框样式参?
其中border-width可以一ơ性设|所有的Ҏ宽度Qborder-color同时讄四面Ҏ的颜色时Q可以连l写上四U颜Ԍq用I格分隔。上q连l设|的Ҏ都是按border-top、border-right、border-bottom、border-left的顺序?
Border-style相对别的属性而言E稍复杂些，因ؓ它还包括了多个边框样式的参数Q?
·noneQ无Ҏ?
·dottedQ边框ؓ点线?
·dashedQ边框ؓ长短Uѝ?
·solidQ边框ؓ实线?
·doubleQ边框ؓ双线?
·grooveQ根据color属性显CZ同效果的3DҎ
·ridgeQ根据color属性显CZ同效果的3DҎ
·insetQ根据color属性显CZ同效果的3DҎ
·outsetQ根据color属性显CZ同效果的3DҎ
对象间隙QPADDINGQ?br /> 如图所C，位于对象Ҏ和对象之_包括了四属性?
基本格式如下
·padding-topQ顶部间?
·padding-rightQ右辚w?
·padding-bottomQ底部间?
·padding-leftQ左辚w?
和MARGINcMQPADDING也可以用padding一ơ性设|所有的对象间隙Q格式也和MARGIN怼Q不再一一列D了?br /> 昄控制样式
基本格式如下Q?
display: 参数
参数取D_
·blockQ默认）Q在对象前后都换?
·inlineQ在对象前后都不换行
·list-itemQ在对象前后都换行，增加了项目符?
·noneQ无昄
I白控制样式
基本格式如下Q?
I白属性决定如何处理元素内的空根{?
white-space: 参数
参数取D_
normalQ把多个I格替换Z个来昄
preQ忠实地按输入显C空?
nowrapQ禁止换?
但要注意的是Qwrite-space也是一个块U属性?/span>
]]>
单的_正则表达式是一U可以用于模式匹配和替换的强有力的工兗其作用如下Q?
试字符串的某个模式。例如，可以对一个输入字W串q行试Q看在该字符串是否存在一个电话号码模式或一个信用卡L模式?/p>
基本语法
正则表达式的形式一般如下：
/love/ 其中位于“/”定界W之间的部分是要在目标对象中q行匚w的模式。ؓ了能够用户更加灉|的定制模式内容，正则表达式提供了专门?#8220;元字W?#8221;。所谓元字符是指那些在正则表达式中hҎ意义的专用字W，可以用来规定其前导字W（即位于元字符前面的字W）在目标对象中的出现模式?/span>
较ؓ常用的元字符包括Q?“+”Q?“*”Q以?“?”?/span>
“+”元字W规定其前导字符必须在目标对象中q箋出现一ơ或多次?/p>
“*”元字W规定其前导字符必须在目标对象中出现零次或连l多ơ?/p>
“?”元字W规定其前导对象必须在目标对象中q箋出现零次或一ơ?br />
下面Q就让我们来看一下正则表辑ּ元字W的具体应用?/span>
/fo+/ 因ؓ上述正则表达式中包含“+”元字W，表示可以与目标对象中?“fool”, “fo”, 或?“football”{在字母f后面q箋出现一个或多个字母o的字W串相匹配?/span>
/eg*/ 因ؓ上述正则表达式中包含“*”元字W，表示可以与目标对象中?“easy”, “ego”, 或?“egg”{在字母e后面q箋出现零个或多个字母g的字W串相匹配?/span>
/Wil?/ 因ؓ上述正则表达式中包含“Q?#8221;元字W，表示可以与目标对象中?“Win”, 或?#8220;Wilson”,{在字母i后面q箋出现零个或一个字母l的字W串相匹配?/span>
有时候不知道要匹配多字W。ؓ了能适应q种不确定性，正则表达式支持限定符的概c这些限定符可以指定正则表达式的一个给定组件必要出现多少ơ才能满_配?/span>
{n} n 是一个非负整数。匹配确定的 n ơ。例如，'o{2}' 不能匚w "Bob" 中的 'o'Q但是能匚w "food" 中的两个 o?/span>
{n,} n 是一个非负整数。至匹?n ơ。例如，'o{2,}' 不能匚w "Bob" 中的 'o'Q但能匹?"foooood" 中的所?o?o{1,}' {h?'o+'?o{0,}' 则等价于 'o*'?/span>
{n,m} m ?n 均ؓ非负整数Q其中n <= m。最匹?n ơ且最多匹?m ơ。例如，"o{1,3}" 匹?"fooooood" 中的前三?o?o{0,1}' {h?'o?'。请注意在逗号和两个数之间不能有空根{?/span>
在对如何使用正则表达式有了初步了解之后，我们来看一下其它几个重要的元字W的使用方式?/span>
1.\sQ用于匹配单个空格符Q包括tab键和换行W；
2.\SQ用于匹配除单个I格W之外的所有字W；
3.\dQ用于匹配从0?的数字；
4.\wQ用于匹配字母，数字或下划线字符Q?/span>
5.\WQ用于匹配所有与\w不匹配的字符Q?/span>
6.Q用于匹配除换行W之外的所有字W?/span>
下面Q我们就通过实例看一下如何在正则表达式中使用上述元字W?
/\s+/ 上述正则表达式可以用于匹配目标对象中的一个或多个I格字符?
/\d000/ 如果我们手中有一份复杂的财务报表Q那么我们可以通过上述正则表达式轻而易丄查找到所有总额辑֍元的N?br />
除了我们以上所介绍的元字符之外Q正则表辑ּ中还h另外一U较为独特的专用字符Q即定位W。定位符用于规定匚w模式在目标对象中的出C|?较ؓ常用的定位符包括Q?“^”, “$”, “\b” 以及 “\B”?/span>
1.“^”定位W规定匹配模式必d现在目标字符串的开?
2.“$”定位W规定匹配模式必d现在目标对象的结?
3.“\b”定位W规定匹配模式必d现在目标字符串的开头或l尾的两个边界之一
4.“\B”定位W则规定匚w对象必须位于目标字符串的开头和l尾两个边界之内Q?
5. 卛_配对象既不能作ؓ目标字符串的开_也不能作为目标字W串的结?/span>
同样Q我们也可以?#8220;^”?#8220;$”以及“\b”?#8220;\B”看作是互为逆运的两组定位W。D例来_ /^hell/ 因ؓ上述正则表达式中包含“^”定位W，所以可以与目标对象中以 “hell”, “hello”?#8220;hellhound”开头的字符串相匚w?/ar$/ 因ؓ上述正则表达式中包含“$”定位W，所以可以与目标对象中以 “car”, “bar”?“ar” l尾的字W串相匹配?/\bbom/ 因ؓ上述正则表达式模式以“\b”定位W开_所以可以与目标对象中以 “bomb”, ?“bom”开头的字符串相匚w?man\b/ 因ؓ上述正则表达式模式以“\b”定位W结，所以可以与目标对象中以 “human”, “woman”?“man”l尾的字W串相匹配?
Z能够方便用户更加灉|的设定匹配模式，正则表达式允怋用者在匚w模式中指定某一个范围而不局限于具体的字W。例如：
1./[A-Z]/ 上述正则表达式将会与从A到Z范围内Q何一个大写字母相匚w?
2./[a-z]/ 上述正则表达式将会与从a到z范围内Q何一个小写字母相匚w?nbsp;
3./[0-9]/ 上述正则表达式将会与??范围内Q何一个数字相匚w?nbsp;
4./([a-z][A-Z][0-9])+/ 上述正则表达式将会与M由字母和数字l成的字W串Q如 “aB0” {相匚w?/span>
q里需要提醒用h意的一点就是可以在正则表达式中使用 “()” 把字W串l合在一赗?#8220;()”W号包含的内容必d时出现在目标对象中。因此，上述正则表达式将无法与诸?“abc”{的字符串匹配，因ؓ“abc”中的最后一个字Wؓ字母而非数字?
如果我们希望在正则表辑ּ中实现类似编E逻辑中的“?#8221;q算Q在多个不同的模式中任选一个进行匹配的话，可以使用道W?“|”。例如：/to|too|2/ 上述正则表达式将会与目标对象中的 “to”, “too”, ?“2” 相匹配?/span>
正则表达式中q有一个较为常用的q算W，卛_定符 “[^]”。与我们前文所介绍的定位符 “^” 不同Q否定符 “[^]”规定目标对象中不能存在模式中所规定的字W串。例如：/[^A-C]/ 上述字符串将会与目标对象中除AQBQ和C之外的Q何字W相匚w。一般来_?#8220;^”出现?“[]”内时p视做否定q算W；而当“^”位于“[]”之外Q或没有“[]”Ӟ则应当被视做定位W?/span>
最后，当用户需要在正则表达式的模式中加入元字符Qƈ查找其匹配对象时Q可以用{义符“\”。例如：/Th\*/ 上述正则表达式将会与目标对象中的“Th*”而非“The”{相匚w?/span>
在构造正则表辑ּ之后Q就可以象数学表辑ּ一h求|也就是说Q可以从左至叛_ƈ按照一个优先序来求倹{优先如下Q?/span>
1Q\ 转义W?
2Q?), (?:), (?=), [] 圆括号和Ҏ?
3Q?, +, ?, {n}, {n,}, {n,m} 限定W?
4Q^, $, \anymetacharacter 位置和顺?
5Q|“?#8221;操作
使用实例 正则表达式对?/span> Pattern Flags CZ q回| ain,ain,ain,ain\\ exec Ҏ 参数 rgExp str exec Ҏq回的数l有三个属性，分别?input、index ?lastIndex。Input 属性包含了整个被查扄字符丌ӀIndex 属性中包含了整个被查找字符串中被匹配的子字W串的位|。LastIndex 属性中包含了匹配中最后一个字W的下一个位|?/span> CZ\\ test Ҏ\\ 参数\\ str 说明 CZ match Ҏ 参数\\ rgExp 说明\\ CZ\\ 本示例说明带 g 标志讄?match Ҏ的用法?/span> 上面几行代码演示了字W串文字?match Ҏ的用法?/span> search Ҏ stringObj.search(rgExp) 参数\\ rgExp search Ҏ指明是否存在相应的匹配。如果找C个匹配，search Ҏ返回一个整数|指明q个匚w距离字符串开始的偏移位置。如果没有找到匹配，则返?-1?/span> CZ\\ 正则表达式语? q里有一些可能会遇到的正则表辑ּCZQ?/span> 下表是元字符及其在正则表辑ּ上下文中的行为的一个完整列表： 字符 描述 ^ 匚w输入字符串的开始位|。如果设|了 RegExp 对象?Multiline 属性，^ 也匹?'\n' ?'\r' 之后的位|?/span> $ 匚w输入字符串的l束位置。如果设|了RegExp 对象?Multiline 属性，$ 也匹?'\n' ?'\r' 之前的位|?/span> * 匚w前面的子表达式零ơ或多次。例如，zo* 能匹?"z" 以及 "zoo"?* {h于{0,}?/span> + 匚w前面的子表达式一ơ或多次。例如，'zo+' 能匹?"zo" 以及 "zoo"Q但不能匚w "z"? {h?{1,}?/span> ? 匚w前面的子表达式零ơ或一ơ。例如，"do(es)?" 可以匚w "do" ?"does" 中的"do" ? {h?{0,1}?/span> {n} n 是一个非负整数。匹配确定的 n ơ。例如，'o{2}' 不能匚w "Bob" 中的 'o'Q但是能匚w "food" 中的两个 o?/span> {n,} n 是一个非负整数。至匹配n ơ。例如，'o{2,}' 不能匚w "Bob" 中的 'o'Q但能匹?"foooood" 中的所?o?o{1,}' {h?'o+'?o{0,}' 则等价于 'o*'?/span> {n,m} m ?n 均ؓ非负整数Q其中n <= m。最匹?n ơ且最多匹?m ơ。刘Q?"o{1,3}" 匹?"fooooood" 中的前三?o?o{0,1}' {h?'o?'。请注意在逗号和两个数之间不能有空根{?/span> ? 当该字符紧跟在Q何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面Ӟ匚w模式是非贪婪的。非贪婪模式可能少的匹配所搜烦的字W串Q而默认的贪婪模式则尽可能多的匚w所搜烦的字W串。例如，对于字符?"oooo"Q?o+?' 匹配单?"o"Q?'o+' 匹配所?'o'?/span> . 匚w?"\n" 之外的Q何单个字W。要匚w包括 '\n' 在内的Q何字W，请用象 '[.\n]' 的模式? (?:pattern) 匚w pattern 但不获取匚wl果Q也是说这是一个非获取匚wQ不q行存储供以后用。这在?"? 字符 (|) 来组合一个模式的各个部分是很有用。例如， 'industr(?:y|ies) 是一个比 'industry|industries' 更简略的表达式?/span> (?=pattern) 正向预查Q在M匚w pattern 的字W串开始处匚w查找字符丌Ӏ这是一个非获取匚wQ也是_该匹配不需要获取供以后使用。例如， 'Windows (?=95|98|NT|2000)' 能匹?"Windows 2000" 中的 "Windows" Q但不能匚w "Windows 3.1" 中的 "Windows"。预查不消耗字W，也就是说Q在一个匹配发生后Q在最后一ơ匹配之后立卛_始下一ơ匹配的搜烦Q而不是从包含预查的字W之后开始?/span> (?!pattern) 负向预查Q在M不匹配Negative lookahead matches the search string at any point where a string not matching pattern 的字W串开始处匚w查找字符丌Ӏ这是一个非获取匚wQ也是_该匹配不需要获取供以后使用。例?Windows (?!95|98|NT|2000)' 能匹?"Windows 3.1" 中的 "Windows"Q但不能匚w "Windows 2000" 中的 "Windows"。预查不消耗字W，也就是说Q在一个匹配发生后Q在最后一ơ匹配之后立卛_始下一ơ匹配的搜烦Q而不是从包含预查的字W之后开?/span> x|y 匚w x ?y。例如，'z|food' 能匹?"z" ?"food"?(z|f)ood' 则匹?"zood" ?"food"?/span> [xyz] 字符集合。匹配所包含的Q意一个字W。例如， '[abc]' 可以匚w "plain" 中的 'a'?/span> [^xyz] 负值字W集合。匹配未包含的Q意字W。例如， '[^abc]' 可以匚w "plain" 中的'p'?/span> [a-z] 字符范围。匹配指定范围内的Q意字W。例如，'[a-z]' 可以匚w 'a' ?'z' 范围内的L写字母字符?/span> [^a-z] 负值字W范围。匹配Q何不在指定范围内的Q意字W。例如，'[^a-z]' 可以匚wM不在 'a' ?'z' 范围内的L字符?/span> \b 匚w一个单词边界，也就是指单词和空格间的位|。例如， 'er\b' 可以匚w"never" 中的 'er'Q但不能匚w "verb" 中的 'er'?/span> \B 匚w非单词边界?er\B' 能匹?"verb" 中的 'er'Q但不能匚w "never" 中的 'er'?/span> \cx 匚w由x指明的控制字W。例如， \cM 匚w一?Control-M 或回车符?x 的值必Mؓ A-Z ?a-z 之一。否则，?c 视ؓ一个原义的 'c' 字符?/span> \d 匚w一个数字字W。等价于 [0-9]?/span> \D 匚w一个非数字字符。等价于 [^0-9]?/span> \f 匚w一个换늬。等价于 \x0c ?\cL?/span> \n 匚w一个换行符。等价于 \x0a ?\cJ?/span> \r 匚w一个回车符。等价于 \x0d ?\cM?/span> \s 匚wMI白字符Q包括空根{制表符、换늬{等。等价于 [ \f\n\r\t\v]?/span> \S 匚wM非空白字W。等价于 [^ \f\n\r\t\v]?/span> \t 匚w一个制表符。等价于 \x09 ?\cI?/span> \v 匚w一个垂直制表符。等价于 \x0b ?\cK?/span> \w 匚w包括下划U的M单词字符。等价于'[A-Za-z0-9_]'?/span> \W 匚wM非单词字W。等价于 '[^A-Za-z0-9_]'?/span> \xn 匚w nQ其?n 为十六进制{义倹{十六进制{义值必Mؓ定的两个数字长。例如， '\x41' 匚w "A"?\x041' 则等价于 '\x04' & "1"。正则表辑ּ中可以?ASCII ~码? \num 匚w numQ其?num 是一个正整数。对所获取的匹配的引用。例如，'(.)\1' 匚w两个q箋的相同字W?/span> \n 标识一个八q制转义值或一个后向引用。如?\n 之前臛_ n 个获取的子表辑ּQ则 n 为后向引用。否则，如果 n 为八q制数字 (0-7)Q则 n Z个八q制转义倹{?/span> \nm 标识一个八q制转义值或一个后向引用。如?\nm 之前臛_有is preceded by at least nm 个获取得子表辑ּQ则 nm 为后向引用。如?\nm 之前臛_?n 个获取，?n Z个后跟文?m 的后向引用。如果前面的条g都不满Q若 n ?m 均ؓ八进制数?(0-7)Q则 \nm 匹配八q制转义?nm?/span> \nml 如果 n 为八q制数字 (0-3)Q且 m ?l 均ؓ八进制数?(0-7)Q则匚w八进制{义?nml?/span> \un 匚w nQ其?n 是一个用四个十六q制数字表示?Unicode 字符。例如， \u00A9 匚w版权W号 (?)?/span> 优先权顺? 下表从最高优先到最低优先列出各种正则表达式操作符的优先权序Q?/span> 普通字W?/span> 普通字W由所有那些未昑ּ指定为元字符的打印和非打印字W组成。这包括所有的大写和小写字母字W，所有数字，所有标点符号以及一些符受?/span> 最单的正则表达式是一个单独的普通字W，可以匚w所搜烦字符串中的该字符本n。例如，单字W模?'A' 可以匚w所搜烦字符串中M位置出现的字?'A'。这里有一些单字符正则表达式模式的CZQ?/span>
在JavaScript 1.2中带有一个功能强大的RegExp()对象Q可以用来进行正则表辑ּ的匹配操作。其中的test()Ҏ可以验目标对象中是否包含匚w模式Qƈ相应的返回true或false?
我们可以使用JavaScript~写以下脚本Q验证用戯入的邮g地址的有效?/span>?
本对象包含正则表辑ּ模式以及表明如何应用模式的标志?/span>
参数
re
必选项。将要赋gؓ正则表达式模式的变量名?/span>
必选项。要使用的正则表辑ּ模式。如果用语?1Q用 "/" 字符分隔模式。如果用语法 2Q用引号模式引h?/span>
可选项。如果用语?2 要用引号?flag 引v来。标志可以组合用，可用的有Q?/span>
下面的示例创Z个包含正则表辑ּ模式及相x志的对象(re)Q向您演C正则表辑ּ对象的用法。在本例中，作ؓl果的正则表辑ּ对象又用?match Ҏ?/span>Q?
属?lastIndex 属?| source 属性\\
Ҏ compile Ҏ | exec Ҏ | test Ҏ\\
用正则表辑ּ模式在字W串中运行查找，q返回包含该查找l果的一个数l?
rgExp.exec(str)
必选项。包含正则表辑ּ模式和可用标志的正则表达式对?/span>
必选项。要在其中执行查扄 String 对象或字W串文字?/span>
如果 exec Ҏ没有扑ֈ匚wQ则它返?null。如果它扑ֈ匚wQ则 exec Ҏq回一个数l，q且更新全局 RegExp 对象的属性，以反映匹配结果。数l的0元素包含了完整的匚wQ而第1到n元素中包含的是匹配中出现的Q意一个子匚w。这相当于没有设|全局标志 (g) ?match Ҏ?/span>
如果为正则表辑ּ讄了全局标志Qexec 从以 lastIndex 的值指C的位置开始查找。如果没有设|全局标志Qexec 忽略 lastIndex 的|从字W串的v始位|开始搜?/span>?/p>
下面的例子D例说明了 exec Ҏ的用法：
q回一?Boolean |它指出在被查扄字符串中是否存在模式?
rgexp.test(str)
rgexp
必选项。包含正则表辑ּ模式或可用标志的正则表达式对象?/span>
必选项。要在其上测试查扄字符丌Ӏ?/span>
test Ҏ查在字符串中是否存在一个模式，如果存在则返?trueQ否则就q回 false?
全局 RegExp 对象的属性不?test Ҏ来修攏V?/span>
下面的例子D例说明了 test Ҏ的用法：
使用正则表达式模式对字符串执行查找，q将包含查找的结果作为数l返回。\\
stringObj.match(rgExp)
stringObj
必选项。对其进行查扄 String 对象或字W串文字?/span>
必选项。ؓ包含正则表达式模式和可用标志的正则表辑ּ对象。也可以是包含正则表辑ּ模式和可用标志的变量名或字符串文字?/span>
如果 match Ҏ没有扑ֈ匚wQ返?null。如果找到匹配返回一个数lƈ且更新全局 RegExp 对象的属性以反映匚wl果?
match Ҏq回的数l有三个属性：input、index ?lastIndex。Input 属性包含整个的被查扑֭W串。Index 属性包含了在整个被查找字符串中匚w的子字符串的位置。LastIndex 属性包含了最后一ơ匹配中最后一个字W的下一个位|?
如果没有讄全局标志 (g)Q数l的 0 元素包含整个匚wQ而第 1 ?n 元素包含了匹配中曑և现过的Q一个子匚w。这相当于没有设|全局标志?exec Ҏ。如果设|了全局标志Q元?0 ?n 中包含所有匹配?/span>
下面的示例演CZmatch Ҏ的用?/span>Q?
q回与正则表辑ּ查找内容匚w的第一个子字符串的位置?/span>
stringObj
必选项。要在其上进行查扄 String 对象或字W串文字?/span>
必选项。包含正则表辑ּ模式和可用标志的正则表达式对象?/span>
下面的示例演CZ search Ҏ的用法?/span>
一个正则表辑ּ是由普通字W（例如字符 a ?zQ以及特D字W（UCؓ元字W）l成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符丌Ӏ正则表辑ּ作ؓ一个模板，某个字W模式与所搜烦的字W串q行匚w?/span>
\ 下一个字W标Cؓ一个特D字W、或一个原义字W、或一?后向引用、或一个八q制转义W。例如，'n' 匚w字符 "n"?\n' 匚w一个换行符。序?'\\' 匚w "\" ?"\(" 则匹?"("?/span>
(pattern) 匚wpattern q获取这一匚w。所获取的匹配可以从产生?Matches 集合得到Q在VBScript 中?SubMatches 集合Q在JScript 中则使用 $0…$9 属性。要匚w圆括号字W，请?'\(' ?'\)'?/span>
在构造正则表辑ּ之后Q就可以象数学表辑ּ一h求|也就是说Q可以从左至叛_ƈ按照一个优先权序来求倹{?/span>
代码
代码
]]>