BlogJava-<b><font size='4'>无名的博客</font></b>-随笔分类-JAVASCRIPThttp://www.blogjava.net/cnyanhai/category/3905.htmlzh-cnFri, 02 Mar 2007 23:19:16 GMTFri, 02 Mar 2007 23:19:16 GMT60一些比较好的javascripthttp://www.blogjava.net/cnyanhai/archive/2005/12/23/25235.html十三郎十三郎Fri, 23 Dec 2005 08:49:00 GMThttp://www.blogjava.net/cnyanhai/archive/2005/12/23/25235.htmlhttp://www.blogjava.net/cnyanhai/comments/25235.htmlhttp://www.blogjava.net/cnyanhai/archive/2005/12/23/25235.html#Feedback1http://www.blogjava.net/cnyanhai/comments/commentRss/25235.htmlhttp://www.blogjava.net/cnyanhai/services/trackbacks/25235.html1、window.opener.location.reload();
当A页面弹出B页面时，在B页面如果调用这句js代码，则会刷新A页面。

十三郎 2005-12-23 16:49 发表评论
]]>两个渐变效果进度条http://www.blogjava.net/cnyanhai/archive/2005/11/29/21784.html十三郎十三郎Tue, 29 Nov 2005 02:24:00 GMThttp://www.blogjava.net/cnyanhai/archive/2005/11/29/21784.htmlhttp://www.blogjava.net/cnyanhai/comments/21784.htmlhttp://www.blogjava.net/cnyanhai/archive/2005/11/29/21784.html#Feedback0http://www.blogjava.net/cnyanhai/comments/commentRss/21784.htmlhttp://www.blogjava.net/cnyanhai/services/trackbacks/21784.html请看效果 ，具体程序如下：

<html>
<head>
<title>渐变效果进度条</title>
<script language="javascript">
 var i;
 function go()
 {
  bar_width = document.getElementById("bg").clientWidth;
  i = bar_width;
  setTimeout('start();',300);
 }
 function start()
 {
  if(i-->0)
  {
   ps.style.width = i;
   bn.innerHTML = Math.floor((bar_width-i)/bar_width*100)+"%";
   setTimeout('start();',20);
  }
 }
 
</script>
<style type="text/css">
#bg {
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=1, StartColorStr=#FFFF00, EndColorStr=#FF0000);
width:300px;
height:20px;
border:1px solid black;
z-index:0;
position:absolute;
}
#ps {
float:right;
background-color:#FFFF00;
width:100%;
}
#bn {
position:absolute;
text-align:center;
width:100%;
height:100%;
cursor:default;
}
</style>
</head>
<body onload="go();">
<div id="bg"><div id="ps"></div><span id="bn">0%</span></div>
</body>
</html>

请看效果 ，具体程序如下：

<html>
<head>
<title>渐变效果进度条</title>
<script language="javascript">
var _Hex = Array("00","01","02","03","04","05","06","07","08","09",
"0A","0B","0C","0D","0E","0F","10","11","12","13","14","15","16","17","18","19",
"1A","1B","1C","1D","1E","1F","20","21","22","23","24","25","26","27","28","29",
"2A","2B","2C","2D","2E","2F","30","31","32","33","34","35","36","37","38","39",
"3A","3B","3C","3D","3E","3F","40","41","42","43","44","45","46","47","48","49",
"4A","4B","4C","4D","4E","4F","50","51","52","53","54","55","56","57","58","59",
"5A","5B","5C","5D","5E","5F","60","61","62","63","64","65","66","67","68","69",
"6A","6B","6C","6D","6E","6F","70","71","72","73","74","75","76","77","78","79",
"7A","7B","7C","7D","7E","7F","80","81","82","83","84","85","86","87","88","89",
"8A","8B","8C","8D","8E","8F","90","91","92","93","94","95","96","97","98","99",
"9A","9B","9C","9D","9E","9F","A0","A1","A2","A3","A4","A5","A6","A7","A8","A9",
"AA","AB","AC","AD","AE","AF","B0","B1","B2","B3","B4","B5","B6","B7","B8","B9",
"BA","BB","BC","BD","BE","BF","C0","C1","C2","C3","C4","C5","C6","C7","C8","C9",
"CA","CB","CC","CD","CE","CF","D0","D1","D2","D3","D4","D5","D6","D7","D8","D9",
"DA","DB","DC","DD","DE","DF","E0","E1","E2","E3","E4","E5","E6","E7","E8","E9",
"EA","EB","EC","ED","EE","EF","F0","F1","F2","F3","F4","F5","F6","F7","F8","F9",
"FA","FB","FC","FD","FE","FF");
 function go()
 {
  setTimeout('start();',100);
 }
 var i=0;
 function start()
 {
  if(i++<256)
  {
   ps.innerHTML += "<span style='width:1px;background-color:#FF"+_Hex[256-i]+"00;'>";
   bn.innerHTML = Math.floor(i/2.56)+"%";
   setTimeout('start();',10);
  }
 }
 
</script>
<style type="text/css">
#ps {
background-color:#FFFF00;
width:256px;
margin: 1px;
float:left;
}
#bn {
width:39px;
margin: 1px;
float:right;
text-align:center;
color:#FFFFFF;
font-family:Arial;
font-size:13px;
}
</style>
</head>
<body onload="go();">

<div style="background-color:black;width:300px;height:20px;"><div id="ps"></div><div id="bn"></div></div>
</body>
</html>



十三郎 2005-11-29 10:24 发表评论
]]>常用正则表达式http://www.blogjava.net/cnyanhai/archive/2005/11/29/21774.html十三郎十三郎Tue, 29 Nov 2005 01:54:00 GMThttp://www.blogjava.net/cnyanhai/archive/2005/11/29/21774.htmlhttp://www.blogjava.net/cnyanhai/comments/21774.htmlhttp://www.blogjava.net/cnyanhai/archive/2005/11/29/21774.html#Feedback0http://www.blogjava.net/cnyanhai/comments/commentRss/21774.htmlhttp://www.blogjava.net/cnyanhai/services/trackbacks/21774.html

非负整数（正整数 + 0）
[^\\d+$]　

正整数　                
[^[0-9]*[1-9][0-9]*$]　 　

非正整数（负整数 + 0）
[^((-\\d+)|(0+))$]　　      

负整数
[^-[0-9]*[1-9][0-9]*$]　　

整数
[^-?\\d+$]　　　   　

非负浮点数（正浮点数 + 0）
[^\\d+(\\.\\d+)?$]　　

正浮点数
[^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$]　　

非正浮点数（负浮点数 + 0）
[^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$]　　

负浮点数
[^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$]　　

浮点数
[^(-?\\d+)(\\.\\d+)?$]　　

由26个英文字母组成的字符串
[^[A-Za-z]+$]　　

由26个英文字母的大写组成的字符串
[^[A-Z]+$]　　

由26个英文字母的小写组成的字符串
[^[a-z]+$]　　

由数字和26个英文字母组成的字符串
[^[A-Za-z0-9]+$]　　

由数字、26个英文字母或者下划线组成的字符串
[^\\w+$]　　

email地址
[^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$]　　　　

url
[^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$]　　


匹配中文字符的正则表达式： [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内)：[^\x00-\xff]


中国电话号码验证
匹配形式如:0511-4405222 或者021-87888822 或者 021-44055520-555 或者 (0511)4405222
正则表达式 "((d{3,4})|d{3,4}-)?d{7,8}(-d{3})*"

中国邮政编码验证
匹配形式如:215421
正则表达式 "d{6}"

电子邮件验证
匹配形式如:justali@justdn.com
正则表达式 "w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*"

身份证验证
匹配形式如:15位或者18位身份证
正则表达式 "d{18}|d{15}"

常用数字验证
正则表达式 
"d{n}" n为规定长度
"d{n,m}" n到m的长度范围

非法字符验证
匹配非法字符如:< > & / ' | 
正则表达式 [^<>&/|'\]+

日期验证
匹配形式如:20030718,030718
范围:1900--2099
正则表达式((((19){1}|(20){1})d{2})|d{2})[01]{1}d{1}[0-3]{1}d{1}



十三郎 2005-11-29 09:54 发表评论
]]>window.showModalDialog()、confirm()方法使用http://www.blogjava.net/cnyanhai/archive/2005/10/18/15793.html十三郎十三郎Tue, 18 Oct 2005 02:49:00 GMThttp://www.blogjava.net/cnyanhai/archive/2005/10/18/15793.htmlhttp://www.blogjava.net/cnyanhai/comments/15793.htmlhttp://www.blogjava.net/cnyanhai/archive/2005/10/18/15793.html#Feedback2http://www.blogjava.net/cnyanhai/comments/commentRss/15793.htmlhttp://www.blogjava.net/cnyanhai/services/trackbacks/15793.html运行描述：在A页单击按钮弹出对话框B,选择要选择的栏目，弹出确认信息。确定后对话框B自动关闭，其所选择的栏目值传到A页相应的文本框内。代码如下

A.htm
<script>
function openwin(){
var value = window.showModalDialog("b.htm",window,"dialogWidth:370px;help:no;resizable:no;status:no;scroll:no");
document.form1.a.value = value;
}
</script>
选择栏目：<a href="#" onClick="javascript:openwin();">click</a>
<form name="form1">
<input name="a" type="txt">
</form>

B.htm
<script>
function returnAll(str){
   if(confirm("是否选择'"+str+"'")){
      window.returnValue=""+str+"";
      window.close();
   }
}
</script>
<form name="form1">
<a href="#" onClick="javascript:returnAll(this.innerText);" id="a">a</a>
<a href="#" onClick="javascript:returnAll(this.innerText);" id="b">b</a>
<a href="#" onClick="javascript:returnAll(this.innerText);" id="c">c</a>
</form>



十三郎 2005-10-18 10:49 发表评论
]]>任意增加或删除一行html元素http://www.blogjava.net/cnyanhai/archive/2005/10/18/15790.html十三郎十三郎Tue, 18 Oct 2005 02:47:00 GMThttp://www.blogjava.net/cnyanhai/archive/2005/10/18/15790.htmlhttp://www.blogjava.net/cnyanhai/comments/15790.htmlhttp://www.blogjava.net/cnyanhai/archive/2005/10/18/15790.html#Feedback1http://www.blogjava.net/cnyanhai/comments/commentRss/15790.htmlhttp://www.blogjava.net/cnyanhai/services/trackbacks/15790.html代码如下：

<script language="javascript">
var curRow=null;
function selectRow(tr1){
if(curRow)
curRow.bgColor="#FFFFFF";
tr1.bgColor="e7e7e7";
curRow=tr1;
}
function addRow(src){
var newrow = src.insertRow(src.rows.length-1);
newrow.attachEvent("onclick",function(){selectRow(newrow);});
newrow.height=20;
var i=4;
while(i--){
var newcell = newrow.insertCell();
switch(i){
case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;
default: newcell.innerHTML=div1.innerHTML;break;
}
}
}
function delRow(src){
src.parentElement.deleteRow(src.rowIndex);
}
</script>

<table id="tb" width="100%"  border="1" >
  <tr>
    <th scope="col" width="25%">一</th>
    <th scope="col" width="25%">二</th>
    <th scope="col" width="25%">三</th>
    <th scope="col" width="25%">四</th>
  </tr>
  <tr id="blankRow" onClick="addRow(this.parentElement)">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<div id="div1" style="display:none "><inpute type="text"></div>



十三郎 2005-10-18 10:47 发表评论
]]>