??xml version="1.0" encoding="utf-8" standalone="yes"?>欧美成人精品一区二区三区,久久国产精品99久久久久久丝袜,久久电影tvhttp://www.aygfsteel.com/wyxdeniro/category/27583.html舍我其谁zh-cnMon, 04 Feb 2008 13:23:37 GMTMon, 04 Feb 2008 13:23:37 GMT60showModalDialog解释http://www.aygfsteel.com/wyxdeniro/archive/2008/02/04/179276.html王永?/dc:creator>王永?/author>Mon, 04 Feb 2008 04:52:00 GMThttp://www.aygfsteel.com/wyxdeniro/archive/2008/02/04/179276.htmlhttp://www.aygfsteel.com/wyxdeniro/comments/179276.htmlhttp://www.aygfsteel.com/wyxdeniro/archive/2008/02/04/179276.html#Feedback0http://www.aygfsteel.com/wyxdeniro/comments/commentRss/179276.htmlhttp://www.aygfsteel.com/wyxdeniro/services/trackbacks/179276.htmlwindow.showModalDialog()Ҏ(gu)用来创徏一个显CHTML内容的模态对话框Q由于是对话框，因此它ƈ没有一般用window.open()打开的窗口的所有属性?nbsp;
window.showModelessDialog()Ҏ(gu)用来创徏一个显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;

使用Ҏ(gu)如下Q?nbsp;
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) 
vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures]) 
参数说明Q?nbsp;
sURL 
必选参敎ͼcdQ字W串。用来指定对话框要显C的文档的URL?nbsp;
vArguments 
可选参敎ͼcdQ变?sh)。用来向对话框传递参数。传递的参数cd不限Q包括数l等。对话框通过window.dialogArguments来取得传递进来的参数?nbsp;
sFeatures 
可选参敎ͼcdQ字W串。用来描q对话框的外观等信息Q可以用以下的一个或几个Q用分号“;”隔开?nbsp;
dialogHeight 对话框高度，不小于１Q０pxQﾃQ４中dialogHeight ?nbsp;dialogWidth 默认的单位是emQ而ﾃQ５中是pxQؓ(f)方便其见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：(x)是否昄状态栏。默认ؓ(f)yes[ Modeless]或no[Modal]?nbsp;
scroll:{ yes | no |  | 0 | on | off }Q指明对话框是否昄滚动条。默认ؓ(f)yes?nbsp;

q有几个属性是用在HTA中的Q在一般的|页中一般不使用?nbsp;
dialogHide:{ yes | no |  | 0 | on | off }Q在打印或者打印预览时对话框是否隐藏。默认ؓ(f)no?nbsp;
edge:{ sunken | raised }Q指明对话框的边框样式。默认ؓ(f)raised?nbsp;
unadorned:{ yes | no |  | 0 | on | off }Q默认ؓ(f)no?nbsp;

传入参数Q?nbsp;
要想对话框传递参敎ͼ是通过vArguments来进行传递的。类型不限制Q对于字W串cdQ最大ؓ(f)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("(zhn)传递的参数为：(x)" + a) 
</script> 

test3.htm 
==================== 
<script> 
var a = window.dialogArguments 
alert("(zhn)传递的参数为window对象Q名Uͼ(x)" + a.name) 
</script> 

可以通过window.returnValue向打开对话框的H口q回信息Q当然也可以是对象。例如：(x) 

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> 


]]>关于Iframe之间以及(qing)与父H体的g?----转csdnhttp://www.aygfsteel.com/wyxdeniro/archive/2008/01/08/173664.html王永?/dc:creator>王永?/author>Tue, 08 Jan 2008 07:49:00 GMThttp://www.aygfsteel.com/wyxdeniro/archive/2008/01/08/173664.htmlhttp://www.aygfsteel.com/wyxdeniro/comments/173664.htmlhttp://www.aygfsteel.com/wyxdeniro/archive/2008/01/08/173664.html#Feedback0http://www.aygfsteel.com/wyxdeniro/comments/commentRss/173664.htmlhttp://www.aygfsteel.com/wyxdeniro/services/trackbacks/173664.html自己实现q了(jin)?javascript脚本关于Iframe之间以及(qing)与父H体的g?事g调用问题;

在父面讉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();



]]>cssL下划U?/title><link>http://www.aygfsteel.com/wyxdeniro/archive/2007/12/16/168059.html</link><dc:creator>王永?/dc:creator><author>王永?/author><pubDate>Sun, 16 Dec 2007 05:38:00 GMT</pubDate><guid>http://www.aygfsteel.com/wyxdeniro/archive/2007/12/16/168059.html</guid><wfw:comment>http://www.aygfsteel.com/wyxdeniro/comments/168059.html</wfw:comment><comments>http://www.aygfsteel.com/wyxdeniro/archive/2007/12/16/168059.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.aygfsteel.com/wyxdeniro/comments/commentRss/168059.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/wyxdeniro/services/trackbacks/168059.html</trackback:ping><description><![CDATA[我们可以用CSS语法来控制超链接的Ş式、颜色变化? <p><span id="wmqeeuq" class="p2" style="line-height: 17pt">　　下面我们做一个这L(fng)链接Q未被点?yn)L链接文字无下划U，昄Ԍ当鼠标在链接上时有下划线Q链接文字显CZؓ(f)U色Q当点击链接后，链接无下划线Q显CZؓ(f)l色?</span></p> <p><span id="wmqeeuq" class="p2" style="line-height: 17pt">　　实现Ҏ(gu)很简单，在源代码?lt;head>?lt;head>之间加上如下的CSS语法控制Q?</span></p> <p><span id="wmqeeuq" class="p2" style="line-height: 17pt">　　 <style type="text/css"><br /> 　　 <!--<br /> 　　 a:link { text-decoration: none;color: blue}<br /> 　　 a:active { text-decoration:blink}<br /> 　　 a:hover { text-decoration:underline;color: red} <br /> 　　 a:visited { text-decoration: none;color: green}<br /> 　　 -Q?gt; <br /> 　　 </style> </span></p> <p><span id="wmqeeuq" class="p2" style="line-height: 17pt">　　其中Q?br /> 　　a:link 指正常的未被讉Kq的链接Q?br /> 　　a:active 指正在点的链接；<br /> 　　a:hover 指鼠标在链接上；<br /> 　　a:visited 指已l访问过的链接；<br /> 　　text-decoration是文字修饰效果的意思；<br /> 　　none参数表示链接文字不昄下划U；<br /> </span><span id="wmqeeuq" class="p2" style="line-height: 17pt">　　underline参数表示链接的文字有下划线 </span></p> <img src ="http://www.aygfsteel.com/wyxdeniro/aggbug/168059.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/wyxdeniro/" target="_blank">王永?/a> 2007-12-16 13:38 <a href="http://www.aygfsteel.com/wyxdeniro/archive/2007/12/16/168059.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>AJAX基础QJavaScript中类的实?---转蝲JAVAEyehttp://www.aygfsteel.com/wyxdeniro/archive/2007/12/14/167803.html王永?/dc:creator>王永?/author>Fri, 14 Dec 2007 08:28:00 GMThttp://www.aygfsteel.com/wyxdeniro/archive/2007/12/14/167803.htmlhttp://www.aygfsteel.com/wyxdeniro/comments/167803.htmlhttp://www.aygfsteel.com/wyxdeniro/archive/2007/12/14/167803.html#Feedback0http://www.aygfsteel.com/wyxdeniro/comments/commentRss/167803.htmlhttp://www.aygfsteel.com/wyxdeniro/services/trackbacks/167803.html以下是代码片D：(x)

//定义一个类class1 
function class1(){ 
　//构造函?nbsp;
} 
//通过指定prototype对象来实现类的成员定?nbsp;
class1.prototype={ 
　someProperty:"sample",//声明属?/span>
    someMethod:function(){ //声明Ҏ(gu)
　　//Ҏ(gu)代码 
　}, 
　…//其他属性和Ҏ(gu). 
} 

 

　　上面的代码用一U很清晰的方式定义了(jin)class1Q构造函数直接用cd来实玎ͼ而成员(sh)用无cd对象来定义，以列表的方式实现?jin)所有属性和Ҏ(gu)Qƈ且可以在定义的同时初始化属性的倹{这也更象传l意义面向对象语a中类的实现。只是构造函数和cȝ成员定义被分Z(jin)两个部分Q这可看成JavaScript中定义类的一U固定模式，q样在用时?x)更加容易理解?/p>

　　注意Q在一个类的成员(sh)间互相引用，必须通过this指针来进行，例如在上面例子中的someMethodҎ(gu)中，如果要用属性somePropertyQ必通过this.someProperty的Ş式，因ؓ(f)在JavaScript中每个属性和Ҏ(gu)都是独立的，它们通过this指针联系在一个对象上?



]]>javascriptl验结http://www.aygfsteel.com/wyxdeniro/archive/2007/12/12/167321.html王永?/dc:creator>王永?/author>Wed, 12 Dec 2007 12:22:00 GMThttp://www.aygfsteel.com/wyxdeniro/archive/2007/12/12/167321.htmlhttp://www.aygfsteel.com/wyxdeniro/comments/167321.htmlhttp://www.aygfsteel.com/wyxdeniro/archive/2007/12/12/167321.html#Feedback0http://www.aygfsteel.com/wyxdeniro/comments/commentRss/167321.htmlhttp://www.aygfsteel.com/wyxdeniro/services/trackbacks/167321.html
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');
}
Q?Q、window.open 用来打开新窗?nbsp;
              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讄文本框ؓ(f)只读
    document.getElementById("rivetValue").readOnly=true;




]]>HTML中的【字型变化标{】与【文字颜色设定?http://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163251.html王永?/dc:creator>王永?/author>Mon, 26 Nov 2007 09:19:00 GMThttp://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163251.htmlhttp://www.aygfsteel.com/wyxdeniro/comments/163251.htmlhttp://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163251.html#Feedback0http://www.aygfsteel.com/wyxdeniro/comments/commentRss/163251.htmlhttp://www.aygfsteel.com/wyxdeniro/services/trackbacks/163251.html 原始?/td> 呈现l果 <b>_体</b> _体 <i>斜体</i> 斜体 <u>底线</u> 底线 <sup>上标</sup> 上标 <sub>下标</sub> 下标 <tt>打字?lt;/tt> 打字?/tt> <blink>闪烁</blink>Qie没效果）(j) 闪烁 <em></em> <strong>加强</strong> 加强 <samp>范例</samp> 范例 <code>原始?lt;/code> 原始?/code> <var>变数</var> 变数 <dfn>定义</dfn> 定义 <cite>引用</cite> 引用 <address>所在地址</address>
所在地址

原始?/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> 灰色的字喔！


]]>css学习(fn)W记Q一Q?http://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163250.html王永?/dc:creator>王永?/author>Mon, 26 Nov 2007 09:18:00 GMThttp://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163250.htmlhttp://www.aygfsteel.com/wyxdeniro/comments/163250.htmlhttp://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163250.html#Feedback0http://www.aygfsteel.com/wyxdeniro/comments/commentRss/163250.htmlhttp://www.aygfsteel.com/wyxdeniro/services/trackbacks/163250.html(1)字体属?
      字体名称属?(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的属性。有以下|(x)none (无，~省? underline (下划U? overline (上划U? line-through (当中划线)
      文本~进属?text-indent)q个属性设定文本首行羃q。其值有以下讑֮Ҏ(gu)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))

]]>常用的css样式 http://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163249.html王永?/dc:creator>王永?/author>Mon, 26 Nov 2007 09:17:00 GMThttp://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163249.htmlhttp://www.aygfsteel.com/wyxdeniro/comments/163249.htmlhttp://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163249.html#Feedback0http://www.aygfsteel.com/wyxdeniro/comments/commentRss/163249.htmlhttp://www.aygfsteel.com/wyxdeniro/services/trackbacks/163249.html字体
font-family: 字体名称
如果在font-family后加上多U字体的名称Q浏览器回按字体名称的顺序逐一在用L(fng)计算机里L已经安装的字体，一旦遇C要求的相匚w的字体，按q种字体昄|页内容Qƈ停止搜烦(ch)Q如果不匚wq(h)l搜索，直到扑ֈ为止Q万一样式表里的所有字体都没有安装的话Q浏览器׃(x)用自己默认的字体来替代显C网늚内容?br /> 注意Q?br /> ·当指定多U字体时Q用“Q?#8221;分隔每种字体名称?br /> ·当字体名U包含两个以上分开的单词时Q用“”把该字体名称括v来?br /> ·当样式规则外已经?#8220;”Ӟ?#8216;’代替“”?
字体大小
font-size: 字号参数
字号的取D_(d)(x)
·以Point为单位：(x)点单位在所有的览器和操作q_上都适用
·以Em为单位：(x)指字母要素的寸Q和Point相同距离
·以Pixes为单位：(x)像素可以使用于所有的操作q_Q但可能?x)因为浏览者的屏幕分L率不同，而造成昄上的效果差异
·以inQ英寸）(j)为单?
·以cmQ厘cI(j)为单?
·以mmQ毫cI(j)为单?
·以pcQ打印机的字体大）(j)为单?
·以exQx-heightQؓ(f)单位
·smallerQ比当前文字的默认大更一?
·largerQ比当前文字的默认大更大?
·使用比例关系
·xx-small
·x-small
·small
·medium
·large
·x-large
·xx-large
字体风格
字体风格只能控制各种斜体字的昄?
基本格式如下Q?
font-style: 斜体字的名称
字体_细
字体_细控制_体字的昄Q取D围从数字100~900Q浏览器默认的字体粗lؓ(f)400。另外可以通过参数l(f)ighter和bolder使得字体在原有基上显得更l或更粗些?
基本格式如下Q?
font-weight: 字体_细
文字大小?
文字大小写ɾ|页的设计者不用在输入文字时就完成文字的大写Q而可以在输入完毕后，再根据需要对局部的文字讄大小写?br /> 基本格式如下Q?
text-transform: 参数
参数取D_(d)(x)
·uppercaseQ所有文字大写显C?
·lowercaseQ所有文字小写显C?
·capitalizeQ每个单词的头字母大写显C?
·noneQ不l承母体的文字变形参?
注意Q(h)承是指HTML的标识符对于包含自己的标识符的参C(x)l承下来?br /> 文字修饰
文字修饰的主要用途是改变?gu)览器显C文字链接时的下划线?
基本格式如下Q?
text-decoration: 参数
参数取D_(d)(x)
·underlineQؓ(f)文字加下划线
·overlineQؓ(f)文字加上划线
·line-throughQؓ(f)文字加删除线
·blinkQ文字闪烁
·noneQ不昄上述M效果
单词间距
单词间距指的是英文每个单词之间的距离Q不包括中文文字?br /> 基本格式如下Q?br /> word-spacing: 间隔距离
间隔距离的取|(x)points、em、pixes、in、cm、mm、pc、ex、normal{?
字母间距
字母间距是指英文字母之间的距，功能、用法，以及(qing)参数的设|和单词间距很相伹{?
基本格式如下Q?
letter-spacing: 字母间距
行距
行距是指上下两行基准U之间的垂直距离。一般地_(d)英文五线格练?fn)本Q从上往(xin)下数的第三条横线是计算机所认ؓ(f)的该行的基准Uѝ?br /> 基本格式如下Q?br /> line-height: 行间距离
行间距离取|(x)
·不带单位的数字：(x)?为基敎ͼ相当于比例关pȝ100%
·带长度单位的数字Q以具体的单位ؓ(f)?br /> ·比例关系
注意Q如果文字字体很大，而行距相对较?yu)的话，可能会(x)发生上下两行文字互盔R叠的现象?br /> 文本水^寚w
文本水^寚w可以控制文本的水q_齐，而且q不仅仅指文字内容，也包括设|图片、媄(jing)像资料的寚w方式?br /> 基本格式如下Q?br /> text-align: 参数
参数的取|(x)
·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也是_(d)文本在单元格的正中昄Q而不是整个网늚正中?br /> 基本格式如下Q?br /> vertical-align: 参数
参数取|(x)
·topQ顶寚w
·bottomQ底寚w
·text-topQ相Ҏ(gu)本顶寚w
·text-bottomQ相Ҏ(gu)本底寚w
·baselineQ基准线寚w
·middleQ中?j)对?br /> ·subQ以下标的Ş式显C?br /> ·superQ以上标的Ş式显C?br /> 文本~进
文本~进可以使文本在相对默认DH的区域里显C，主要用于中文板式的首行羃q，或是为大D늚引用文本和备注做成羃q的格式?br /> 基本格式如下Q?br /> text-indent: ~进距离
~进距离取|(x)
·带长度单位的数字
·比例关系
但是需要注意的是，在用比例关pȝ时候，有h?x)认为浏览器默认的比例是相对D落的宽度而言的，其实事实q如此Q整个浏览器的窗口才是浏览器所默认的参照物?br /> 另外Qtext-indent是块U属性，只能用于< p>?lt; blockquqte>?lt; ul>?lt; h1>~< h6>{标识符里?
颜色属?
基本格式如下Q?
color: 参数
颜色参数取D_(d)(x)
·以RGBDC?
·?6q制QhexQ的色彩DC?
·以默认颜色的英文名称表示
以默认颜色的英文名称表示无疑是最为方便的Q但׃预定义的颜色U类太少Q所以更多的|页设计者喜Ƣ用RGB的方式。RGB方式的好处很多，不但可以用数字的形式_地表C颜Ԍ而且也是很多囑փ制作软gQ如PhotoshopQ里默认使用的规范，q样一来就为图片和|页更好地结合打下了(jin)坚实的基?br /> 背景颜色
在HTML当中Q要为某个对象加上背景色只有一U办法，那就是先做一个表|在表g讄完背景色Q再把对象放q单元格。这样做比较ȝ(ch)Q不但代码较多，q要格的大小和定位伤些脑{。现在用CSS可以轻村֜直接搞定?jin)，而且对象的范围很q，可以是一D|字，也可以只是一个单词或一个字母?br /> 基本格式如下Q?
background-color: 参数
参数取值和颜色属性一栗?
背景囄
基本格式如下Q?
background-image: url(URL)
URL是背景囄的存放\径。如果用“none”来代替背景图片的存放路径Q将什么也不显C?br /> 背景囄重复
背景囄重复控制的是背景囄q铺与否Q也是_(d)l合背景定位的控制可以在|页上的某处单独昄一q背景图片?
基本格式如下Q?
background-repeat: 参数
参数取D_(d)(x)
·no-repeatQ不重复q铺背景囄
·repeat-xQ囄只在水^方向上^?
·repeat-yQ囄只在垂直方向上^?
如果不指定背景图片重复属性，览器默认的是背景图片向水^、垂直两个方向上q铺?br /> 背景囄固定
背景囄固定控制背景囄是否随网늚滚动而滚动。如果不讄背景囄固定属性，览器默认背景图片随|页的滚动而滚动。ؓ(f)?jin)避免过于花哨的背景囄在滚动时伤害览者的视力Q所以可以解除背景图片和文字内容的捆l，该ؓ(f)和浏览器H口捆绑?
基本格式如下Q?
background-attachment: 参数
参数取D_(d)(x)
·fixedQ网|动时Q背景图片相对于览器的H口而言Q固定不?
·scrollQ网|动时Q背景图片相对于览器的H口而言Q一h?
背景定位
背景定位用于控制背景囄在网中昄的位|?
基本格式如下Q?
background-position: 参数?
参数取D_(d)(x)
·带长度单位的数字参数
·topQ相对前景对象顶寚w
·bottomQ相对前景对象底寚w
·leftQ相对前景对象左寚w
·rightQ相对前景对象右寚w
·centerQ相对前景对象中?j)对?
·比例关系
参数中的center如果用于另外一个参数的前面Q表C水q_中；如果用于另外一个参数的后面Q表C垂直居中?br /> 列表W号
列表W号是指昄于每一个列表项目前的符h识?
基本格式如下Q?br /> list-style-typeQ参?
参数取D_(d)(x)
·discQ圆?
·circleQ空?j)?
·squareQ方?
·decimalQ十q制数字
·lower-romanQ小写罗马数?
·upper-romanQ大写罗马数?
·lower-alphaQ小写希腊字?
·upper-alphaQ大写希腊字?
·noneQ无W号昄
参数中的disc是默认选项?
囑ŞW号
囑ŞW号指原来列表的目W号可以用图形来代替?
基本格式如下Q?
list-style-imageQURL
URL是用来代曉K目符L(fng)囑Ş文g的地址Q可以用相对地址或绝对地址?
列表位置
列表位置描述列表在何处显C?
基本格式如下Q?
list-style-positionQ参?
参数取D_(d)(x)
·insideQ在BOX模型内部昄
·outsideQ在BOX模型外部昄
q里又出C(jin)一个新的概念：(x)BOX模型。BOX是指一U容器，包含?jin)应用样式规则的对象Q具体介l将在后文中l出?
在网上Q鼠标^时呈头形，指向链接时成为手形，{待|页下蝲时成为沙漏Ş……q似乎是U定俗成的。虽然这L(fng)设计能我们知道览器现在的状态或是可以做什么，但这些好像还?sh)能完全地满x(chng)们的需要。就拉K接来_(d)可以是指向一个帮助文Ӟ也可以是向前q一|是向后退一，针对如此多的功能光靠千篇一律的手Ş鼠标是不能说明问题的。值得?jin)幸的是QCSS提供?jin)多?3U的鼠标形状Q供我们选择?
基本格式如下Q?
cursorQ鼠标Ş状参?
CSS鼠标形状参数表：(x)
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"
左下头?
Ҏ(gu)I白QMARGINQ?
如图所C，位于BOX模型的最外层Q包括四属性?
格式分别如下Q?
·margin-topQ顶部空白距?
·margin-rightQ右边空白距?
·margin-bottomQ底部空白距?
·margin-leftQ左边空白距?
I白的距d以用带长度单位的数字表示?
如果使用上述属性的化方式marginQ可以在其后q箋(hu)加上四个带长度单位的数字Q来分别表示margin-top、margin-right、margin-bottom、margin-leftQ每个数字中间要用空格分隔?br /> 对象Ҏ(gu)QBORDERQ?
如图所C，位于Ҏ(gu)I白和对象空隙之_(d)包括?jin)七属性?br /> 格式分别如下Q?
·border-topQ顶Ҏ(gu)宽度
·border-rightQ右Ҏ(gu)宽度
·border-bottomQ底Ҏ(gu)宽度
·border-leftQ左Ҏ(gu)宽度
·border-widthQ所有边框宽?
·border-colorQ边框颜?
·border-styleQ边框样式参?
其中border-width可以一ơ性设|所有的Ҏ(gu)宽度Qborder-color同时讄四面Ҏ(gu)的颜色时Q可以连l写上四U颜Ԍq用I格分隔。上q连l设|的Ҏ(gu)都是按border-top、border-right、border-bottom、border-left的顺序?
Border-style相对别的属性而言E稍复杂些，因ؓ(f)它还包括?jin)多个边框样式的参数Q?
·noneQ无Ҏ(gu)?
·dottedQ边框ؓ(f)点线?
·dashedQ边框ؓ(f)长短Uѝ?
·solidQ边框ؓ(f)实线?
·doubleQ边框ؓ(f)双线?
·grooveQ根据color属性显CZ同效果的3DҎ(gu)
·ridgeQ根据color属性显CZ同效果的3DҎ(gu)
·insetQ根据color属性显CZ同效果的3DҎ(gu)
·outsetQ根据color属性显CZ同效果的3DҎ(gu)
对象间隙QPADDINGQ?br /> 如图所C，位于对象Ҏ(gu)和对象之_(d)包括?jin)四属性?
基本格式如下
·padding-topQ顶部间?
·padding-rightQ右辚w?
·padding-bottomQ底部间?
·padding-leftQ左辚w?
和MARGINcMQPADDING也可以用padding一ơ性设|所有的对象间隙Q格式也和MARGIN怼Q不再一一列D?jin)?br /> 昄控制样式
基本格式如下Q?
display: 参数
参数取D_(d)(x)
·blockQ默认）(j)Q在对象前后都换?
·inlineQ在对象前后都不换行
·list-itemQ在对象前后都换行，增加?jin)项目符?
·noneQ无昄
I白控制样式
基本格式如下Q?
I白属性决定如何处理元素内的空根{?
white-space: 参数
参数取D_(d)(x)
normalQ把多个I格替换Z个来昄
preQ忠实地按输入显C空?
nowrapQ禁止换?
但要注意的是Qwrite-space也是一个块U属性?/span>

]]>正则表达式学?http://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163248.html王永?/dc:creator>王永?/author>Mon, 26 Nov 2007 09:16:00 GMThttp://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163248.htmlhttp://www.aygfsteel.com/wyxdeniro/comments/163248.htmlhttp://www.aygfsteel.com/wyxdeniro/archive/2007/11/26/163248.html#Feedback0http://www.aygfsteel.com/wyxdeniro/comments/commentRss/163248.htmlhttp://www.aygfsteel.com/wyxdeniro/services/trackbacks/163248.html正则表达式用详?/p>

     单的_(d)正则表达式是一U可以用于模式匹配和替换的强有力的工兗其作用如下Q?
试字符串的某个模式。例如，可以对一个输入字W串q行试Q看在该字符串是否存在一个电(sh)话号码模式或一个信用卡L(fng)模式?/p>

基本语法

正则表达式的形式一般如下：(x)
　　

      /love/　　其中位于“/”定界W之间的部分是要在目标对象中q行匚w的模式。ؓ(f)?jin)能够用户更加灉|的定制模式内容，正则表达式提供了(jin)专门?#8220;元字W?#8221;。所谓元字符是指那些在正则表达式中hҎ(gu)意义的专用字W，可以用来规定其前导字W（即位于元字符前面的字W）(j)在目标对象中的出现模式?/span>
 
较ؓ(f)常用的元字符包括Q?“+”Q?“*”Q以?“?”?/span>

“+”元字W规定其前导字符必须在目标对象中q箋(hu)出现一ơ或多次?/p>

“*”元字W规定其前导字符必须在目标对象中出现零次或连l多ơ?/p>

“?”元字W规定其前导对象必须在目标对象中q箋(hu)出现零次或一ơ?br />

下面Q就让我们来看一下正则表辑ּ元字W的具体应用?/span>

      /fo+/　　因ؓ(f)上述正则表达式中包含“+”元字W，表示可以与目标对象中?“fool”, “fo”, 或?“football”{在字母f后面q箋(hu)出现一个或多个字母o的字W串相匹配?/span>

      /eg*/　　因ؓ(f)上述正则表达式中包含“*”元字W，表示可以与目标对象中?“easy”, “ego”, 或?“egg”{在字母e后面q箋(hu)出现零个或多个字母g的字W串相匹配?/span>

      /Wil?/　　因ؓ(f)上述正则表达式中包含“Q?#8221;元字W，表示可以与目标对象中?“Win”, 或?#8220;Wilson”,{在字母i后面q箋(hu)出现零个或一个字母l的字W串相匹配?/span>

      有时候不知道要匹配多字W。ؓ(f)?jin)能适应q种不确定性，正则表达式支持限定符的概c(din)这些限定符可以指定正则表达式的一个给定组件必要出现多少ơ才能满_配?/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(hun)?'o+'?o{0,}' 则等价于 'o*'?/span>

      {n,m} m ?n 均ؓ(f)非负整数Q其中n <= m。最匹?n ơ且最多匹?m ơ。例如，"o{1,3}" 匹?"fooooood" 中的前三?o?o{0,1}' {h(hun)?'o?'。请注意在逗号和两个数之间不能有空根{?/span> 
      在对如何使用正则表达式有?jin)初步?jin)解之后，我们来看一下其它几个重要的元字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 />  
      除了(jin)我们以上所介绍的元字符之外Q正则表辑ּ中还h另外一U较为独特的专用字符Q即定位W。定位符用于规定匚w模式在目标对象中的出C|?较ؓ(f)常用的定位符包括Q?“^”, “$”, “\b” 以及(qing) “\B”?/span>
   代码

1.“^”定位W规定匹配模式必d现在目标字符串的开?  

2.“$”定位W规定匹配模式必d现在目标对象的结?  

3.“\b”定位W规定匹配模式必d现在目标字符串的开头或l尾的两个边界之一   

4.“\B”定位W则规定匚w对象必须位于目标字符串的开头和l尾两个边界之内Q?  

5.      卛_配对象既不能作ؓ(f)目标字符串的开_(d)也不能作为目标字W串的结?/span>   


      同样Q我们也可以?#8220;^”?#8220;$”以及(qing)“\b”?#8220;\B”看作是互为逆运的两组定位W。D例来_(d)(x) /^hell/　因ؓ(f)上述正则表达式中包含“^”定位W，所以可以与目标对象中以 “hell”, “hello”?#8220;hellhound”开头的字符串相匚w?/ar$/　因ؓ(f)上述正则表达式中包含“$”定位W，所以可以与目标对象中以 “car”, “bar”?“ar” l尾的字W串相匹配?/\bbom/　因ؓ(f)上述正则表达式模式以“\b”定位W开_(d)所以可以与目标对象中以 “bomb”, ?“bom”开头的字符串相匚w?man\b/　因ؓ(f)上述正则表达式模式以“\b”定位W结，所以可以与目标对象中以 “human”, “woman”?“man”l尾的字W串相匹配?
Z(jin)能够方便用户更加灉|的设定匹配模式，正则表达式允怋用者在匚w模式中指定某一个范围而不局限于具体的字W。例如：(x)
   代码

1./[A-Z]/　　上述正则表达式将?x)与从A到Z范围内Q何一个大写字母相匚w?  

2./[a-z]/　　上述正则表达式将?x)与从a到z范围内Q何一个小写字母相匚w?nbsp;   

3./[0-9]/ 　上述正则表达式将?x)与??范围内Q何一个数字相匚w?nbsp;   

4./([a-z][A-Z][0-9])+/　上述正则表达式将?x)与M由字母和数字l成的字W串Q如 “aB0” {相匚w?/span>   


      q里需要提醒用h意的一点就是可以在正则表达式中使用 “()” 把字W串l合在一赗?#8220;()”W号包含的内容必d时出现在目标对象中。因此，上述正则表达式将无法与诸?“abc”{的字符串匹配，因ؓ(f)“abc”中的最后一个字Wؓ(f)字母而非数字?
如果我们希望在正则表辑ּ中实现类似编E逻辑中的“?#8221;q算Q在多个不同的模式中任选一个进行匹配的话，可以使用道W?“|”。例如：(x)/to|too|2/　上述正则表达式将?x)与目标对象中?“to”, “too”, ?“2” 相匹配?/span> 
      正则表达式中q有一个较为常用的q算W，卛_定符 “[^]”。与我们前文所介绍的定位符 “^” 不同Q否定符 “[^]”规定目标对象中不能存在模式中所规定的字W串。例如：(x)/[^A-C]/　上述字符串将?x)与目标对象中除AQBQ和C之外的Q何字W相匚w。一般来_(d)?#8220;^”出现?“[]”内时p视做否定q算W；而当“^”位于“[]”之外Q或没有“[]”Ӟ则应当被视做定位W?/span> 
      最后，当用户需要在正则表达式的模式中加入元字符Qƈ查找其匹配对象时Q可以用{义符“\”。例如：(x)/Th\*/ 　上述正则表达式将?x)与目标对象中?#8220;Th*”而非“The”{相匚w?/span> 
      在构造正则表辑ּ之后Q就可以象数学表辑ּ一h求|也就是说Q可以从左至叛_ƈ按照一个优先序来求倹{优先如下Q?/span>
   代码

1Q\ 转义W?  

2Q?), (?:), (?=), [] 圆括号和Ҏ(gu)?  

3Q?, +, ?, {n}, {n,}, {n,m} 限定W?  

4Q^, $, \anymetacharacter 位置和顺?  

5Q|“?#8221;操作   

 

   使用实例
在JavaScript 1.2中带有一个功能强大的RegExp()对象Q可以用来进行正则表辑ּ的匹配操作。其中的test()Ҏ(gu)可以(g)验目标对象中是否包含匚w模式Qƈ相应的返回true或false?
我们可以使用JavaScript~写以下脚本Q验证用戯入的邮g地址的有效?/span>?

   代码
  1. <html>    
  2. <head>    
  3. 　 <script language="Javascript1.2">    
  4. 　　　　 <!-- start hiding    
  5. 　　　　 function verifyAddress(obj)    
  6. 　　　　　{    
  7. 　　　　　　var email = obj.email.value;    
  8. 　　　　　　var pattern =    
  9. /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;    
  10. 　　　　　　flag = pattern.test(email);    
  11. 　　　　　　if(flag)    
  12. 　　　　　　{    
  13. 　　　　　　　alert(“Your email address is correct!”);    
  14. 　　　　　　　return true;    
  15. 　　　　　　}    
  16. 　　　　　　else    
  17. 　　　　　　　{    
  18. 　　　　　　　　alert(“Please try again!”);    
  19. 　　　　　　　　return false;    
  20. 　　　　　　　 }    
  21. 　　　　　 }    
  22. 　　　　 // stop hiding -->    
  23. 　　　 </script>    
  24. 　　</head>    
  25. 　 <body>    
  26. 　　 <form onSubmit="return verifyAddress(this);">    
  27. 　　　 <input name="email" type="text">    
  28. 　　　 <input type="submit">    
  29. 　　　 </form>    
  30. 　　</body>    
  31. </html>    

 

   正则表达式对?/span> 
   本对象包含正则表辑ּ模式以及(qing)表明如何应用模式的标志?/span>

代码
  1. 语法 1 re = /pattern/[flags]   
  2. 语法 2 re = new RegExp("pattern",["flags"])    

参数
re
必选项。将要赋gؓ(f)正则表达式模式的变量名?/span>

 

Pattern
必选项。要使用的正则表辑ּ模式。如果用语?1Q用 "/" 字符分隔模式。如果用语法 2Q用引号模式引h?/span>

 Flags
可选项。如果用语?2 要用引号?flag 引v来。标志可以组合用，可用的有Q?/span>

   代码
  1. g Q全文查扑և现的所?nbsp;patternQ?nbsp;   
  2. i Q忽略大写Q?nbsp;   
  3. m Q多行查找）(j)    

 

CZ
下面的示例创Z个包含正则表辑ּ模式?qing)相x(chng)志的对象(re)Q向(zhn)演C正则表辑ּ对象的用法。在本例中，作ؓ(f)l果的正则表辑ּ对象又用?match Ҏ(gu)?/span>Q?

代码
  1. function MatchDemo()   
  2. {   
  3. var r, re; // 声明变量?  
  4. var s = "The rain in Spain falls mainly in the plain";   
  5. re = new RegExp("ain","g"); // 创徏正则表达式对象?  
  6. r = s.match(re); // 在字W串 s 中查扑֌配?  
  7. return(r);    
  8. }   

 

q回|(x) ain,ain,ain,ain\\
属?lastIndex 属?| source 属性\\
Ҏ(gu) compile Ҏ(gu) | exec Ҏ(gu) | test Ҏ(gu)\\

exec Ҏ(gu)
用正则表辑ּ模式在字W串中运行查找，q返回包含该查找l果的一个数l?
rgExp.exec(str)

参数

rgExp
必选项。包含正则表辑ּ模式和可用标志的正则表达式对?/span>

str
必选项。要在其中执行查扄 String 对象或字W串文字?/span> 
   如果 exec Ҏ(gu)没有扑ֈ匚wQ则它返?null。如果它扑ֈ匚wQ则 exec Ҏ(gu)q回一个数l，q且更新全局 RegExp 对象的属性，以反映匹配结果。数l的0元素包含?jin)完整的匚wQ而第1到n元素中包含的是匹配中出现的Q意一个子匚w。这相当于没有设|全局标志 (g) ?match Ҏ(gu)?/span>
如果为正则表辑ּ讄?jin)全局标志Qexec 从以 lastIndex 的值指C的位置开始查找。如果没有设|全局标志Qexec 忽略 lastIndex 的|从字W串的v始位|开始搜?/span>?/p>

exec Ҏ(gu)q回的数l有三个属性，分别?input、index ?lastIndex。Input 属性包含了(jin)整个被查扄字符丌ӀIndex 属性中包含?jin)整个被查找字符串中被匹配的子字W串的位|。LastIndex 属性中包含?jin)匹配中最后一个字W的下一个位|?/span>

CZ\\
下面的例子D例说明了(jin) exec Ҏ(gu)的用法：(x)

代码
  1. function RegExpTest()   
  2. {   
  3. var ver = Number(ScriptEngineMajorVersion() + "." + ScriptEngineMinorVersion())   
  4. if (ver >= 5.5){ // 试 JScript 的版本?  
  5. var src = "The rain in Spain falls mainly in the plain.";   
  6. var re = /\w+/g; // 创徏正则表达式模式?  
  7. var arr;   
  8. while ((arr = re.exec(src)) != null)   
  9. document.write(arr.index + "-" + arr.lastIndex + arr + "\t");   
  10. }   
  11. else{   
  12. alert("请?nbsp;JScript 的更新版?);   
  13. }   
  14. }   

test Ҏ(gu)\\
q回一?Boolean |它指出在被查扄字符串中是否存在模式?
rgexp.test(str)

参数\\
rgexp
必选项。包含正则表辑ּ模式或可用标志的正则表达式对象?/span>

str
必选项。要在其上测试查扄字符丌Ӏ?/span>

说明
test Ҏ(gu)(g)查在字符串中是否存在一个模式，如果存在则返?trueQ否则就q回 false?
全局 RegExp 对象的属性不?test Ҏ(gu)来修攏V?/span>

CZ
下面的例子D例说明了(jin) test Ҏ(gu)的用法：(x)

代码
  1. function TestDemo(re, s)   
  2. {   
  3. var s1; // 声明变量?  
  4. // (g)查字W串是否存在正则表达式?  
  5. if (re.test(s)) // 试是否存在?  
  6. s1 = " contains "; // s 包含模式?  
  7. else  
  8. s1 = " does not contain "; // s 不包含模式?  
  9. return("'" + s + "'" + s1 + "'"+ re.source + "'"); // q回字符丌Ӏ?  
  10. }   

match Ҏ(gu)
使用正则表达式模式对字符串执行查找，q将包含查找的结果作为数l返回。\\
stringObj.match(rgExp)

参数\\
stringObj
必选项。对其进行查扄 String 对象或字W串文字?/span>

rgExp
必选项。ؓ(f)包含正则表达式模式和可用标志的正则表辑ּ对象。也可以是包含正则表辑ּ模式和可用标志的变量名或字符串文字?/span>

说明\\
如果 match Ҏ(gu)没有扑ֈ匚wQ返?null。如果找到匹配返回一个数lƈ且更新全局 RegExp 对象的属性以反映匚wl果?
match Ҏ(gu)q回的数l有三个属性：(x)input、index ?lastIndex。Input 属性包含整个的被查扑֭W串。Index 属性包含了(jin)在整个被查找字符串中匚w的子字符串的位置。LastIndex 属性包含了(jin)最后一ơ匹配中最后一个字W的下一个位|?
如果没有讄全局标志 (g)Q数l的 0 元素包含整个匚wQ而第 1 ?n 元素包含?jin)匹配中曑և现过的Q一个子匚w。这相当于没有设|全局标志?exec Ҏ(gu)。如果设|了(jin)全局标志Q元?0 ?n 中包含所有匹配?/span>

CZ\\
下面的示例演CZ(jin)match Ҏ(gu)的用?/span>Q?

代码
  1. function MatchDemo()   
  2. {   
  3. var r, re; // 声明变量?  
  4. var s = "The rain in Spain falls mainly in the plain";   
  5. re = /ain/i; // 创徏正则表达式模式?  
  6. r = s.match(re); // 试匚w搜烦(ch)字符丌Ӏ?  
  7. return(r); // q回W一ơ出?nbsp;"ain" 的地斏V?  
  8. }     

本示例说明带 g 标志讄?match Ҏ(gu)的用法?/span>

代码
  1. function MatchDemo()   
  2. {   
  3. var r, re; // 声明变量?  
  4. var s = "The rain in Spain falls mainly in the plain";   
  5. re = /ain/ig; // 创徏正则表达式模式?  
  6. r = s.match(re); // 试d配搜索字W串?  
  7. return(r); // q回的数l包含了(jin)所?nbsp;"ain"    
  8. // 出现的四个匹配?  
  9. }     

上面几行代码演示?jin)字W串文字?match Ҏ(gu)的用法?/span>

代码
  1. var r, re = "Spain";   
  2. r = "The rain in Spain".replace(re, "Canada");   
  3. return r;     

search Ҏ(gu)
q回与正则表辑ּ查找内容匚w的第一个子字符串的位置?/span>

stringObj.search(rgExp)

参数\\
stringObj
必选项。要在其上进行查扄 String 对象或字W串文字?/span>

rgExp
必选项。包含正则表辑ּ模式和可用标志的正则表达式对象?/span>

search Ҏ(gu)指明是否存在相应的匹配。如果找C个匹配，search Ҏ(gu)返回一个整数|指明q个匚w距离字符串开始的偏移位置。如果没有找到匹配，则返?-1?/span>

CZ\\
下面的示例演CZ(jin) search Ҏ(gu)的用法?/span>

代码
  1. function SearchDemo()   
  2. {   
  3. var r, re; // 声明变量?  
  4. var s = "The rain in Spain falls mainly in the plain.";   
  5. re = /falls/i; // 创徏正则表达式模式?  
  6. r = s.search(re); // 查找字符丌Ӏ?  
  7. return(r); // q回 Boolean l果?  
  8. }     

正则表达式语?
一个正则表辑ּ是由普通字W（例如字符 a ?zQ以?qing)特D字W（UCؓ(f)元字W）(j)l成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符丌Ӏ正则表辑ּ作ؓ(f)一个模板，某个字W模式与所搜烦(ch)的字W串q行匚w?/span>

q里有一些可能会(x)遇到的正则表辑ּCZQ?/span>

代码
  1. JScript VBScript 匚w    
  2. /^\[ \t]*$/ "^\[ \t]*$" 匚w一个空白行?nbsp;   
  3. /\d{2}-\d{5}/ "\d{2}-\d{5}" 验证一个ID L(fng)是否׃?位数字，一个连字符以及(qing)一?位数字组成?nbsp;   
  4. /<(.*)>.*<\/\1>/ "<(.*)>.*<\/\1>" 匚w一?nbsp;HTML 标记?/span>    

 

下表是元字符?qing)其在正则表辑ּ上下文中的行为的一个完整列表：(x)

字符 描述
\ 下一个字W标Cؓ(f)一个特D字W、或一个原义字W、或一?后向引用、或一个八q制转义W。例如，'n' 匚w字符 "n"?\n' 匚w一个换行符。序?'\\' 匚w "\" ?"\(" 则匹?"("?/span>

^ 匚w输入字符串的开始位|。如果设|了(jin) RegExp 对象?Multiline 属性，^ 也匹?'\n' ?'\r' 之后的位|?/span>

$ 匚w输入字符串的l束位置。如果设|了(jin)RegExp 对象?Multiline 属性，$ 也匹?'\n' ?'\r' 之前的位|?/span>

* 匚w前面的子表达式零ơ或多次。例如，zo* 能匹?"z" 以及(qing) "zoo"?* {h(hun)于{0,}?/span>

+ 匚w前面的子表达式一ơ或多次。例如，'zo+' 能匹?"zo" 以及(qing) "zoo"Q但不能匚w "z"? {h(hun)?{1,}?/span>

? 匚w前面的子表达式零ơ或一ơ。例如，"do(es)?" 可以匚w "do" ?"does" 中的"do" ? {h(hun)?{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(hun)?'o+'?o{0,}' 则等价于 'o*'?/span>

{n,m} m ?n 均ؓ(f)非负整数Q其中n <= m。最匹?n ơ且最多匹?m ơ。刘Q?"o{1,3}" 匹?"fooooood" 中的前三?o?o{0,1}' {h(hun)?'o?'。请注意在逗号和两个数之间不能有空根{?/span>

? 当该字符紧跟在Q何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面Ӟ匚w模式是非贪婪的。非贪婪模式可能少的匹配所搜烦(ch)的字W串Q而默认的贪婪模式则尽可能多的匚w所搜烦(ch)的字W串。例如，对于字符?"oooo"Q?o+?' 匹配单?"o"Q?'o+' 匹配所?'o'?/span>

. 匚w?"\n" 之外的Q何单个字W。要匚w包括 '\n' 在内的Q何字W，请用象 '[.\n]' 的模式?
(pattern) 匚wpattern q获取这一匚w。所获取的匹配可以从产生?Matches 集合得到Q在VBScript 中?SubMatches 集合Q在JScript 中则使用 $0…$9 属性。要匚w圆括号字W，请?'\(' ?'\)'?/span>

(?:pattern) 匚w pattern 但不获取匚wl果Q也是说这是一个非获取匚wQ不q行存储供以后用。这在?"? 字符 (|) 来组合一个模式的各个部分是很有用。例如， 'industr(?:y|ies) 是一个比 'industry|industries' 更简略的表达式?/span>

(?=pattern) 正向预查Q在M匚w pattern 的字W串开始处匚w查找字符丌Ӏ这是一个非获取匚wQ也是_(d)该匹配不需要获取供以后使用。例如， 'Windows (?=95|98|NT|2000)' 能匹?"Windows 2000" 中的 "Windows" Q但不能匚w "Windows 3.1" 中的 "Windows"。预查不消耗字W，也就是说Q在一个匹配发生后Q在最后一ơ匹配之后立卛_始下一ơ匹配的搜烦(ch)Q而不是从包含预查的字W之后开始?/span>

(?!pattern) 负向预查Q在M不匹配Negative lookahead matches the search string at any point where a string not matching pattern 的字W串开始处匚w查找字符丌Ӏ这是一个非获取匚wQ也是_(d)该匹配不需要获取供以后使用。例?Windows (?!95|98|NT|2000)' 能匹?"Windows 3.1" 中的 "Windows"Q但不能匚w "Windows 2000" 中的 "Windows"。预查不消耗字W，也就是说Q在一个匹配发生后Q在最后一ơ匹配之后立卛_始下一ơ匹配的搜烦(ch)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ؓ(f) A-Z ?a-z 之一。否则，?c 视ؓ(f)一个原义的 '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ؓ(f)定的两个数字长。例如， '\x41' 匚w "A"?\x041' 则等价于 '\x04' & "1"。正则表辑ּ中可以?ASCII ~码?

\num 匚w numQ其?num 是一个正整数。对所获取的匹配的引用。例如，'(.)\1' 匚w两个q箋(hu)的相同字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 均ؓ(f)八进制数?(0-7)Q则 \nm 匹配八q制转义?nm?/span>

\nml 如果 n 为八q制数字 (0-3)Q且 m ?l 均ؓ(f)八进制数?(0-7)Q则匚w八进制{义?nml?/span>

\un 匚w nQ其?n 是一个用四个十六q制数字表示?Unicode 字符。例如， \u00A9 匚w版权W号 (?)?/span>

优先权顺?
在构造正则表辑ּ之后Q就可以象数学表辑ּ一h求|也就是说Q可以从左至叛_ƈ按照一个优先权序来求倹{?/span>

下表从最高(sh)先到最低优先列出各种正则表达式操作符的优先权序Q?/span>
代码

  1. 操作W?nbsp;描述    
  2. \ 转义W?nbsp;   
  3. (), (?:), (?=), [] 圆括号和Ҏ(gu)?nbsp;   
  4. *, +, ?, {n}, {n,}, {n,m} 限定W?nbsp;   
  5. ^, $, \anymetacharacter 位置和顺?nbsp;   
  6. | “?#8221;操作    

 

普通字W?/span>

普通字W由所有那些未昑ּ指定为元字符的打印和非打印字W组成。这包括所有的大写和小写字母字W，所有数字，所有标点符号以?qing)一些符受?/span>

最单的正则表达式是一个单独的普通字W，可以匚w所搜烦(ch)字符串中的该字符本n。例如，单字W模?'A' 可以匚w所搜烦(ch)字符串中M位置出现的字?'A'。这里有一些单字符正则表达式模式的CZQ?/span>
代码

  • /7/   
  • /M/
  • /a/


    • ]]>     վ֩ģ壺 ƽ| | ʹ| | ԫ| | | Զ| Ҷ| 㶫ʡ| 뽭| | Ʊ| ɽ| | | | ػʵ| | 촨| Ĭ| | | ʡ| | | | ֥| | | | | ͼ| ±| | ƽ| ƽ| | | | Դ|