`
jilong-liang
  • 浏览: 481262 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类

Javascript学习笔记 （转 ）

JavaScript 
阅读更多 
js学习笔记，别错过！很有用的。
 
/////////////////////////////////////////////////////////////////////////////////////////
一、验证类
1、数字验证内
  1.1 整数
  1.2 大于0的整数 （用于传来的ID的验证)
  1.3 负整数的验证
  1.4 整数不能大于iMax
  1.5 整数不能小于iMin
2、时间类
  2.1 短时间，形如 (13:04:06)
  2.2 短日期，形如 (2003-12-05)
  2.3 长时间，形如 (2003-12-05 13:04:06)
  2.4 只有年和月。形如(2003-05,或者2003-5)
  2.5 只有小时和分钟,形如(12:03)
3、表单类
  3.1 所有的表单的值都不能为空
  3.2 多行文本框的值不能为空。
  3.3 多行文本框的值不能超过sMaxStrleng
  3.4 多行文本框的值不能少于sMixStrleng
  3.5 判断单选框是否选择。
  3.6 判断复选框是否选择.
  3.7 复选框的全选，多选，全不选，反选
  3.8 文件上传过程中判断文件类型
4、字符类
  4.1 判断字符全部由a-Z或者是A-Z的字字母组成
  4.2 判断字符由字母和数字组成。
  4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
  4.4 字符串替换函数.Replace();
5、浏览器类
  5.1 判断浏览器的类型
  5.2 判断ie的版本
  5.3 判断客户端的分辨率
 
6、结合类
  6.1 email的判断。
  6.2 手机号码的验证
  6.3 身份证的验证
 
二、功能类
1、时间与相关控件类
  1.1 日历
  1.2 时间控件
  1.3 万年历
  1.4 显示动态显示时钟效果（文本，如OA中时间）
  1.5 显示动态显示时钟效果 (图像，像手表)
2、表单类
  2.1 自动生成表单
  2.2 动态添加，修改，删除下拉框中的元素
  2.3 可以输入内容的下拉框
  2.4 多行文本框中只能输入iMax文字。如果多输入了，自动减少到iMax个文字（多用于短信发送)
 
3、打印类
  3.1 打印控件
4、事件类
  4.1 屏蔽右键
  4.2 屏蔽所有功能键
  4.3 --> 和<-- F5 F11,F9,F1
  4.4 屏蔽组合键ctrl+N
5、网页设计类
  5.1 连续滚动的文字，图片（注意是连续的，两段文字和图片中没有空白出现）
  5.2 html编辑控件类
  5.3 颜色选取框控件
  5.4 下拉菜单
  5.5 两层或多层次的下拉菜单
  5.6 仿IE菜单的按钮。（效果如rongshuxa.com的导航栏目)
  5.7 状态栏，title栏的动态效果（例子很多，可以研究一下）
  5.8 双击后，网页自动滚屏
6、树型结构。
7、无边框效果的制作
8、连动下拉框技术
9、文本排序
10，画图类，含饼、柱、矢量贝滋曲线
11，操纵客户端注册表类
12，DIV层相关（拖拽、显示、隐藏、移动、增加）
13，TABLAE相关(客户端动态增加行列，模拟进度条，滚动列表等)
14，各种<object classid=>相关类，如播放器，flash与脚本互动等
16, 刷新/模拟无刷新 异步调用类（XMLHttp或iframe,frame）
/////////////////////////////////////////////////////////////////////////////////////////

1.让文字不停地滚动
<MARQUEE>滚动文字</MARQUEE>
2.记录并显示网页的最后修改时间
<script language=javascript>
 document.write("最后更新时间: " + document.lastModified + "");
   </script>
3.关闭当前窗口
<a href="#" onClick="javascript ：window.close();return false;">关闭窗口</a>
4.5秒后关闭当前页
<script language="javascript">
    <!--
      setTimeout('window.close();',5000);
    -->
  </script>
5.2秒后载入指定网页
<head>
   <meta http-equiv="refresh" content="2;URL=http://你的网址">
  </head>
6.添加到收藏夹
<Script Language="javascript">
   function bookmarkit(){
    window.external.addFavorite('http://你的网址','你的网站名称');
   }
   if (document.all){
    document.write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>');
   }
  </Script>
7.让超链接不显示下划线
<style type="text/css">
 <!- a:link{text-decoration:none}
       a:hover{text-decoration:none}
       a:visited{text-decoration:none}
    ->
  </style>
8.禁止鼠标右键的动作
<script language="javascript">
   function click() {
    if (event.button==2||event.button==3){
      alert('禁止鼠标右键');
    }
   } 
   document.onmousedown=click;    
  </script>
9.设置该页为首页
<span onclick="var strHref=window.location.href;this.style.behavior=
'url(#default#homepage)';
this.setHomePage('http://www.ccidnet.com');
" style="CURSOR: hand"><br>将本站设置为首页</span>
10.节日倒计时
<Script Language="javascript">
   var timedate= new Date("December 25,2008");
   var times="圣诞节";
   var now = new Date();
   var date = timedate.getTime() - now.getTime();
   var time = Math.floor(date / (1000 * 60 * 60 * 24));
   if (time >= 0)
    document.write("现在离"+times+"还有: "+time +"天")
 </Script>
11.单击按钮打印出当前页
<Script Language="javascript">
     if (window.print) {
       document.write('<form>' + '<input type=button name=print value="打印本页" ' + 'onClick="javascript:window.print();"></form>');
     }
 </Script>
12.单击按钮‘另存为’当前页
<input type="button" name="Button" value="保存本页" onClick="document.all.button.ExecWB(4,1)">
  <object id="button" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
   <embed width="0" height="0"></embed>
  </object>
13.显示系统当前日期
<script language=javascript>
   var today=new Date();
   function myDate(){
    this.week=new Array();
    this.week[0]="星期日";
    this.week[1]="星期一";
    this.week[2]="星期二";
    this.week[3]="星期三";
    this.week[4]="星期四";
    this.week[5]="星期五";
    this.week[6]="星期六";
    
    this.getWeek=function(num){
     return this.week[num];
    }        
   }
   var d = new myDate();
   
   document.write( "<font color=##000000 style='font-size:9pt;font-family: 宋体'> ", today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", d.getWeek(today.getDay()),"</font>" );
</script>

14.不同时间段显示不同问候语
<Script Language="javascript">
   <!--
    var text="";
    day = new Date( );
    time = day.getHours( );
    if (( time>=0) && (time < 7 )){
     text="夜猫子，要注意身体哦！ "
    }
    if (( time >= 7 ) && (time < 12)){
     text="今天天气……哈哈哈，不去玩吗？"
    }
    if (( time >= 12) && (time < 14)){
     text="午休时间哦，朋友一定是不习惯午睡的吧？！"
    }
    if (( time >=14) && (time < 18)){
     text="下午茶的时间到了，休息一下吧！ "
    }
    if ((time >= 18) && (time <= 22)){
     text="您又来了，可别和MM聊太久哦！"
    }
    if ((time >= 22) && (time < 24)){
     text="很晚了哦，注意休息呀！"
    }
    document.write(text)
   //--->
  </Script>
15.水中倒影效果
<img id="reflect" src="你自己的图片文件名" width="175" height="59">
  <script language="javascript">
   function f1() {
     setInterval("mdiv.filters.wave.phase+=10",100);
   }
   if (document.all) {
     document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">');
     window.onload=f1
   }
  </script>
16.慢慢变大的窗口
<Script Language="javascript">
  <!--
   var Windowsheight=100;
   var Windowswidth=100;
   var numx=5;
   function openwindow(thelocation){
    temploc=thelocation;
    if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)) {
     window.open(thelocation);
     return;
    }
    windowsize=window.open("","","scrollbars");
    windowsize.moveTo(0,0);
    windowsize.resizeTo(100,100);
    tenumxt();
   }
   function tenumxt(){
    if (Windowsheight>=screen.availHeight-3){
     numx=0;
    }
    windowsize.resizeBy(5,numx);
    Windowsheight+=5;
    Windowswidth+=5;
    if (Windowswidth>=screen.width-5) {
     windowsize.location=temploc;
     Windowsheight=100;
     Windowswidth=100;
     numx=5;
     return;
    }
    setTimeout("tenumxt()",50);
   }
   //-->
  </script>
  <p><a href="javascript:openwindow('http://news.sohu.com')">进入</a>
17.改变IE地址栏的IE图标
我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下,
并在首页<head></head>之间加上如下代码：          
<head>
 <link rel="Shortcut Icon" href="index.ico"/>
</head>
18：进入或者离开时显示信息
 设置body的 onLoad和onUnload事件
19：只能输入数字
<script LANGUAGE="javascript">;
<!--
function check(){
 if (document.form.tell.value==""){
  alert("请输入数字！");
  document.form.tell.focus();
  return false;
 }else{
  var Letters = "0123456789()+-";
  for (i=0; i< document.form.tell.value.length; i++){
     var CheckChar = document.form.tell.value.charAt(i);
     if (Letters.indexOf(CheckChar) == -1){
       alert("输入的数字不正确！");
       document.form.tell.focus();
       return false;
     }
  }
 }
}
//-->;
</script>
<form method="POST" name=form action="" onSubmit="return check();">
请输入数字：<input type="text" name="tell" size="20">
<input type="submit" value="提交" name="B1">
</form>
20：email 合法性检查
<script language="javascript">
function check()
{
 var vv = document.all("email").value;
if(vv.length!=0)
 {
   if (vv.charAt(0)=="." ||        
        vv.charAt(0)=="@"||       
        vv.indexOf('@', 0) == -1 || 
        vv.indexOf('.', 0) == -1 || 
        vv.lastIndexOf("@")                       
     ==vv.length-1 || 
        vv.lastIndexOf(".")
             ==vv.length-1)
    {
     alert("Email的格式不正確！");
     document.all("email").focus();
     return false;
     }
  }
else
 {
  alert("Email的不能为空！");
  document.all("email").focus();
  return false;
  }
return false;
}
</script>
<input type="text" name="email">
<input type="button" onclick="check();" value="检查email">
21：屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键
<script language="javascript">
<!--
  //屏蔽鼠标右键、Ctrl+N、Shift+F10、F5刷新、退格键
function window.onhelp(){return false} //屏蔽F1帮助
function KeyDown(){
  if ((window.event.altKey)&&
      ((window.event.keyCode==37)||   //屏蔽 Alt+ 方向键 ←
       (window.event.keyCode==39))){  //屏蔽 Alt+ 方向键 →
     alert("不准你使用ALT+方向键前进或后退网页！");
     event.returnvalue=false;
     }
     /* 注：这还不是真正地屏蔽 Alt+ 方向键，
     因为 Alt+ 方向键弹出警告框时，按住 Alt 键不放，
     用鼠标点掉警告框，这种屏蔽方法就失效了。以后若
     有哪位高手有真正屏蔽 Alt 键的方法，请告知。*/
  if ((event.keyCode == 8) &&
      (event.srcElement.type != "text" &&
      event.srcElement.type != "textarea" &&
      event.srcElement.type != "password") ||           //屏蔽退格删除键  
      (event.keyCode==116)||                            //屏蔽 F5 刷新键
      (event.ctrlKey && event.keyCode==82)){            //Ctrl + R
     event.keyCode=0;
     event.returnvalue=false;
     }
  if ((event.ctrlKey)&&(event.keyCode==78))   //屏蔽 Ctrl+n
     event.returnvalue=false;
  if ((event.shiftKey)&&(event.keyCode==121)) //屏蔽 shift+F10
     event.returnvalue=false;
  if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
      window.event.returnvalue = false;  //屏蔽 shift 加鼠标左键新开一网页
  if ((window.event.altKey)&&(window.event.keyCode==115)){ //屏蔽Alt+F4
      window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
      return false;}
  }
 /* 另外可以用 window.open 的方法屏蔽 IE 的所有菜单
第一种方法：
  window.open("你的.htm", "","toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=yes,status=no,top=0,left=0")
第二种方法是打开一个全屏的页面：
  window.open("你的.asp", "", "fullscreen=yes")
 */
//-->
</script>
<input type="text" >
22：屏蔽F5键
<script language="javascript">
<!--
function document.onkeydown()
{
    if ( event.keyCode==116)
    {
        event.keyCode = 0;
        event.cancelBubble = true;
        return false;
    }
}
-->
</script>
<input type="text">
23：屏蔽主窗口滚动条
在body标签里加上 style="overflow-y:hidden"
24：取得控件的绝对位置
<script language="javascript">   
function getIE(e){   
 var t=e.offsetTop;   
 var l=e.offsetLeft;   
 while(e=e.offsetParent){   
  t+=e.offsetTop;   
  l+=e.offsetLeft;   
 }   
 alert("top="+t+"nleft="+l);   
}   
</script> 
<input type="button" value="看看我的位置" onclick="getIE(this);">
25：切换页面后，光标停在文本框文字的最后
<script language="javascript"> 
function cc() 
{ 
 var e = event.srcElement; 
 var r =e.createTextRange(); 
 r.moveStart("character",e.value.length); 
 r.collapse(true); 
 r.select(); 
} 
</script> 
<input type=text name=text1 value="123" onfocus="cc();">
26：表格的半透明显示效果
在<head></head>之间加上如下代码： 
<style> 
.alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度 
</style>
在<body></body>之间加上如下代码： 
<table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" > 
<tr> 
<td width="100%" height="62"> 
<div align="center">很酷吧!</div> 
</td> 
</tr> 
</table>
27：细线分隔线
<hr noshade size=0 color=#C0C0C0>
28：过渡度方式
<head>
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=3)">
</head>
<a href="b.html">to b.html</a>
Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式

29：如何控制横向和纵向滚动条的显隐？
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显
/////////////////////////////////////////////////////////////////////
30：javascript中获取地址栏参数比如 index.jsp?id=xxx&name=xxx
方法一：
<script>
function getvalue(name)
{
var str=window.location.search;
if (str.indexOf(name)!=-1)
{
var pos_start=str.indexOf(name)+name.length+1;
var pos_end=str.indexOf("&",pos_start);
if (pos_end==-1)
{
return str.substring(pos_start);
}
else
{
return str.substring(pos_start,pos_end)
}
}
else
{
return "没有这个name值";
}
}
var strName=prompt("请输入您所要值的名字");
alert(getvalue(strName));
</script>
方法二：
<script language="javascript">
 var URLParams = new Array();
 var aParams = document.location.search.substr(1).split('&');
 for (i=0;i<aParams.length;i++){
  var aParam = aParams[i].split("=");
  URLParams[aParam[0]] = aParam[1];
 }
//取得传过来的name参数
var v=URLParams["name"];
alert("name==="+v);
 </script>
 
方法三：
<script type="text/javascript">
Request = {
 QueryString : function(item){
  var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)","i"));
  return svalue ? svalue[1] : svalue;
 }
}
alert(Request.QueryString("name"));
</script> 
////////////////////////////////////////////////////////////////////
31：window对象的方法
open(URL,WindowName,parameterList):open方法创建一个新的浏览器窗口，并在新窗口中载入一个指定的URL地址。
close():close方法关闭一个浏览器窗口.
alert(text):弹出一个信息框.
confirm(text):弹出一个确认框.
prompt(text,Defaulttext):弹出一个提示框.
setTimeout(expression,time):定时设置,在一定时间后自动执行expression描述的代码,使用time设置时间,单位是毫秒.
clearTimeout(timer):取消以前的定时设置.
back():指示浏览器载入历史记录中的上一个URL地址.
forward():指示浏览器载入历史记录中的下一个URL地址.
stop():指示浏览器停止网页的装载.
location:提供当前窗口的URL信息
history:提供当前窗口的历史记录,可以在网页导航中发挥作用.
closed:一个指出窗口目前是否关闭的逻辑值.
self:引用当前文档对应的窗口.
navigate(url):窗口转向另外一个窗口
32：验证是否整数
<script type="text/javascript">
 function checkInteger(v){
  var s = ""+v;
  var ret = s.match(/^(-|\+)?\d+$/);
  if(ret==null){
   alert(v+" , 不是数字");
  }
 }
 checkInteger('01230');
 checkInteger("abc");
</script>
33：验证是否都是数字，而且是正整数
<script type="text/javascript">
 function checkGreaterZero(v){
  var s = ""+v;
  var ret = s.match(/^\d+$/);
  if(ret==null){
   alert(v+" , 不是数字");
  }
 }
 checkGreaterZero('1230');
 checkGreaterZero("abc");
</script>
34：验证是否都是数字，而且是负整数
<script type="text/javascript">
 function checkLitterZero(v){
  var s = ""+v;
  var ret = s.match(/^-\d+$/);
  if(ret==null){
   alert(v+" , 不是小于0的数字");
  }
 }
 checkLitterZero('-1230');
 checkLitterZero("123");
</script>
35：短时间，形如 (13:04:06)
<script language="javascript">
      function isTime(str)
      {
        var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);
        if (a == null) {alert('输入的参数不是时间格式'); return false;}
        if (a[1]>24 || a[3]>60 || a[4]>60)
        {
          alert(str+",时间格式不对");
          return false
        }
        return true;
      }
     
      isTime("12:09:39");
      isTime("33:55:99");
</script>
36:短日期，形如 (2008-12-05)
<script language="javascript">
      function strDateTime(str)
      {
         var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
         if(r==null)return false;
         var d= new Date(r[1], r[3]-1, r[4]);
         return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
      }
     
      alert(strDateTime("2008-10-28"));
      alert(strDateTime("08-12-9"));
</script>
37：长时间，形如 (2003-12-05 13:04:06)
<script language="javascript">
     function strDateTime(str)
      {
        var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
        var r = str.match(reg);
        if(r==null)return false;
        var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);
        return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
      }
      alert(strDateTime("2008-10-28 11:11:11"));
      alert(strDateTime("08-12-9 11:11:11"));
</script>
38：检测值不能为空
<script language="javascript">
     function canNotEmpty(str)
      {
        if(str.replace(/^\s+|\s+$/g,'')==''){
         alert('不能为空!');
        } 
        return true;
      }
      alert(canNotEmpty("2008-10-28 11:11:11"));
      alert(canNotEmpty("          "));
</script>
39：判断字符全部由a-Z或者是A-Z的字字母组成
<script language="javascript">
     function isLetter(str)
      {
        if(/[^a-zA-Z]/g.test(str)){
         return false;
        }
        return true;
      }
      alert(isLetter("aaaSSFsadfa"));
      alert(isLetter("a3d"));
</script>

40：判断字符由字母和数字组成
<script language="javascript">
     function isLetter(str)
      {
        if(/[^0-9a-zA-Z]/g.test(this.value)){
         return false;
        }
        return true;
      }
      alert(isLetter("aaaSSFsadfa"));
      alert(isLetter("a3d"));
</script>
41：判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
<script language="javascript">
     function isLetter(str)
      {
        if(/^([a-zA-z_]{1})([\w]*)$/g.test(str)){
         return true;
        }
        return false;
      }
      alert(isLetter(" aaaSSFsadfa"));
      alert(isLetter("_a3d"));
</script>    
42：判断浏览器的类型
<script language="javascript">
      alert(window.navigator.appName);
</script>
43：判断ie的版本
<script language="javascript">
      alert(window.navigator.appVersion);
</script>
44：判断客户端的分辨率
<script language="javascript">
      alert(window.screen.height);
      alert(window.screen.width);
</script> 
45：用正则表达式判断是否Email
<script language="javascript">
      function isMail(mail)
      {
        return(new RegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(mail));
      }
   alert(isMail("cc@a.com"));
   alert(isMail("cc 1@a.com"));
</script>
46：用正则表达式判断是否身份证号码
<script language="javascript">
      function isIdCardNo(num)
      {
        if (isNaN(num)) {alert("输入的不是数字！"); return false;}
        var len = num.length, re;
        if (len == 15)
          re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/);
        else if (len == 18)
          re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/);
        else {alert("输入的数字位数不对！"); return false;}
        var a = num.match(re);
        if (a != null)
        {
          if (len==15)
          {
            var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          else
          {
            var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          if (!B) {alert("输入的身份证号 "+ a[0] +" 里出生日期不对！"); return false;}
        }
        return true;
      }
   alert(isIdCardNo("511111199001013456"));
   alert(isIdCardNo("511111199013313456"));
</script>
47：给表格自动增行（msdn的例子）
<SCRIPT>
function createRows(){
   // insert two rows.
   var oRow1=oTable.insertRow(oTable.rows.length);
   var oRow2=oTable.insertRow(oTable.rows.length);
  
   // retrieve the rows collection for the table.
   var aRows=oTable.rows;
  
   // retrieve the cells collection for the first row.
   var aCells=oRow1.cells;
  
   // insert two cells into the first row.
   var oCell1_1=aRows(oRow1.rowIndex).insertCell(aCells.length);
   var oCell1_2=aRows(oRow1.rowIndex).insertCell(aCells.length);
  
   // retrieve the cells collection for the second row.
   aCells=oRow2.cells;
  
   // insert two cells into the second row.
   var oCell2_1=aRows(oRow2.rowIndex).insertCell(aCells.length);
   var oCell2_2=aRows(oRow2.rowIndex).insertCell(aCells.length);
  
   // Add regular HTML values to the 4 new cells.
   oCell1_1.innerHTML="<B>Cell 1.1!</B>";
   oCell1_2.innerHTML="<B>Cell 1.2!</B>";
   oCell2_1.innerHTML="<B>Cell 2.1!</B>";
   oCell2_2.innerHTML="<B>Cell 2.2!</B>";  
}
</SCRIPT>
<INPUT TYPE="button" VALUE="Create Rows" onclick="createRows()">
<TABLE BORDER=1 ID="oTable">
</TABLE>
48：严格的身份证验证
<script>
var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"xizang",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"}
 
function cidInfo(sId){
 var iSum=0
 var info=""
 if(!/^\d{17}(\d|x)$/i.test(sId))return false;
 sId=sId.replace(/x$/i,"a");
 if(aCity[parseInt(sId.substr(0,2))]==null)return "Error:非法地区";
 sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));
 var d=new Date(sBirthday.replace(/-/g,"/"))
 if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return "Error:非法生日";
 for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11)
 if(iSum%11!=1)return "Error:非法证号";
 return aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女")
}
document.write(cidInfo("380524198002300016"),"<br/>");
document.write(cidInfo("340524198002300019"),"<br/>")
document.write(cidInfo("340524197711111111"),"<br/>")
document.write(cidInfo("34052419800101001x"),"<br/>");
</script>
49：验证IP地址
<SCRIPT LANGUAGE="JavaScript">
function isip(s){
 var check=function(v){try{return (v<=255 && v>=0)}catch(x){return false}};
 var re=s.split(".")
 return (re.length==4)?(check(re[0]) && check(re[1]) && check(re[2]) && check(re[3])):false
}
var s="202.197.78.129";
alert(isip(s))
</SCRIPT>
 

/////////////////////////////////////////////////////////////////////////////////////////
一、验证类
1、数字验证内
  1.1 整数
  1.2 大于0的整数 （用于传来的ID的验证)
  1.3 负整数的验证
  1.4 整数不能大于iMax
  1.5 整数不能小于iMin
2、时间类
  2.1 短时间，形如 (13:04:06)
  2.2 短日期，形如 (2003-12-05)
  2.3 长时间，形如 (2003-12-05 13:04:06)
  2.4 只有年和月。形如(2003-05,或者2003-5)
  2.5 只有小时和分钟,形如(12:03)
3、表单类
  3.1 所有的表单的值都不能为空
  3.2 多行文本框的值不能为空。
  3.3 多行文本框的值不能超过sMaxStrleng
  3.4 多行文本框的值不能少于sMixStrleng
  3.5 判断单选框是否选择。
  3.6 判断复选框是否选择.
  3.7 复选框的全选，多选，全不选，反选
  3.8 文件上传过程中判断文件类型
4、字符类
  4.1 判断字符全部由a-Z或者是A-Z的字字母组成
  4.2 判断字符由字母和数字组成。
  4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
  4.4 字符串替换函数.Replace();
5、浏览器类
  5.1 判断浏览器的类型
  5.2 判断ie的版本
  5.3 判断客户端的分辨率
 
6、结合类
  6.1 email的判断。
  6.2 手机号码的验证
  6.3 身份证的验证
 
二、功能类
1、时间与相关控件类
  1.1 日历
  1.2 时间控件
  1.3 万年历
  1.4 显示动态显示时钟效果（文本，如OA中时间）
  1.5 显示动态显示时钟效果 (图像，像手表)
2、表单类
  2.1 自动生成表单
  2.2 动态添加，修改，删除下拉框中的元素
  2.3 可以输入内容的下拉框
  2.4 多行文本框中只能输入iMax文字。如果多输入了，自动减少到iMax个文字（多用于短信发送)
 
3、打印类
  3.1 打印控件
4、事件类
  4.1 屏蔽右键
  4.2 屏蔽所有功能键
  4.3 --> 和<-- F5 F11,F9,F1
  4.4 屏蔽组合键ctrl+N
5、网页设计类
  5.1 连续滚动的文字，图片（注意是连续的，两段文字和图片中没有空白出现）
  5.2 html编辑控件类
  5.3 颜色选取框控件
  5.4 下拉菜单
  5.5 两层或多层次的下拉菜单
  5.6 仿IE菜单的按钮。（效果如rongshuxa.com的导航栏目)
  5.7 状态栏，title栏的动态效果（例子很多，可以研究一下）
  5.8 双击后，网页自动滚屏
6、树型结构。
7、无边框效果的制作
8、连动下拉框技术
9、文本排序
10，画图类，含饼、柱、矢量贝滋曲线
11，操纵客户端注册表类
12，DIV层相关（拖拽、显示、隐藏、移动、增加）
13，TABLAE相关(客户端动态增加行列，模拟进度条，滚动列表等)
14，各种<object classid=>相关类，如播放器，flash与脚本互动等
16, 刷新/模拟无刷新 异步调用类（XMLHttp或iframe,frame）
/////////////////////////////////////////////////////////////////////////////////////////

1.让文字不停地滚动
<MARQUEE>滚动文字</MARQUEE>
2.记录并显示网页的最后修改时间
<script language=javascript>
 document.write("最后更新时间: " + document.lastModified + "");
   </script>
3.关闭当前窗口
<a href="#" onClick="javascript ：window.close();return false;">关闭窗口</a>
4.5秒后关闭当前页
<script language="javascript">
    <!--
      setTimeout('window.close();',5000);
    -->
  </script>
5.2秒后载入指定网页
<head>
   <meta http-equiv="refresh" content="2;URL=http://你的网址">
  </head>
6.添加到收藏夹
<Script Language="javascript">
   function bookmarkit(){
    window.external.addFavorite('http://你的网址','你的网站名称');
   }
   if (document.all){
    document.write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>');
   }
  </Script>
7.让超链接不显示下划线
<style type="text/css">
 <!- a:link{text-decoration:none}
       a:hover{text-decoration:none}
       a:visited{text-decoration:none}
    ->
  </style>
8.禁止鼠标右键的动作
<script language="javascript">
   function click() {
    if (event.button==2||event.button==3){
      alert('禁止鼠标右键');
    }
   } 
   document.onmousedown=click;    
  </script>
9.设置该页为首页
<span onclick="var strHref=window.location.href;this.style.behavior=
'url(#default#homepage)';
this.setHomePage('http://www.ccidnet.com');
" style="CURSOR: hand"><br>将本站设置为首页</span>
10.节日倒计时
<Script Language="javascript">
   var timedate= new Date("December 25,2008");
   var times="圣诞节";
   var now = new Date();
   var date = timedate.getTime() - now.getTime();
   var time = Math.floor(date / (1000 * 60 * 60 * 24));
   if (time >= 0)
    document.write("现在离"+times+"还有: "+time +"天")
 </Script>
11.单击按钮打印出当前页
<Script Language="javascript">
     if (window.print) {
       document.write('<form>' + '<input type=button name=print value="打印本页" ' + 'onClick="javascript:window.print();"></form>');
     }
 </Script>
12.单击按钮‘另存为’当前页
<input type="button" name="Button" value="保存本页" onClick="document.all.button.ExecWB(4,1)">
  <object id="button" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
   <embed width="0" height="0"></embed>
  </object>
13.显示系统当前日期
<script language=javascript>
   var today=new Date();
   function myDate(){
    this.week=new Array();
    this.week[0]="星期日";
    this.week[1]="星期一";
    this.week[2]="星期二";
    this.week[3]="星期三";
    this.week[4]="星期四";
    this.week[5]="星期五";
    this.week[6]="星期六";
    
    this.getWeek=function(num){
     return this.week[num];
    }        
   }
   var d = new myDate();
   
   document.write( "<font color=##000000 style='font-size:9pt;font-family: 宋体'> ", today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", d.getWeek(today.getDay()),"</font>" );
</script>

14.不同时间段显示不同问候语
<Script Language="javascript">
   <!--
    var text="";
    day = new Date( );
    time = day.getHours( );
    if (( time>=0) && (time < 7 )){
     text="夜猫子，要注意身体哦！ "
    }
    if (( time >= 7 ) && (time < 12)){
     text="今天天气……哈哈哈，不去玩吗？"
    }
    if (( time >= 12) && (time < 14)){
     text="午休时间哦，朋友一定是不习惯午睡的吧？！"
    }
    if (( time >=14) && (time < 18)){
     text="下午茶的时间到了，休息一下吧！ "
    }
    if ((time >= 18) && (time <= 22)){
     text="您又来了，可别和MM聊太久哦！"
    }
    if ((time >= 22) && (time < 24)){
     text="很晚了哦，注意休息呀！"
    }
    document.write(text)
   //--->
  </Script>
15.水中倒影效果
<img id="reflect" src="你自己的图片文件名" width="175" height="59">
  <script language="javascript">
   function f1() {
     setInterval("mdiv.filters.wave.phase+=10",100);
   }
   if (document.all) {
     document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">');
     window.onload=f1
   }
  </script>
16.慢慢变大的窗口
<Script Language="javascript">
  <!--
   var Windowsheight=100;
   var Windowswidth=100;
   var numx=5;
   function openwindow(thelocation){
    temploc=thelocation;
    if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)) {
     window.open(thelocation);
     return;
    }
    windowsize=window.open("","","scrollbars");
    windowsize.moveTo(0,0);
    windowsize.resizeTo(100,100);
    tenumxt();
   }
   function tenumxt(){
    if (Windowsheight>=screen.availHeight-3){
     numx=0;
    }
    windowsize.resizeBy(5,numx);
    Windowsheight+=5;
    Windowswidth+=5;
    if (Windowswidth>=screen.width-5) {
     windowsize.location=temploc;
     Windowsheight=100;
     Windowswidth=100;
     numx=5;
     return;
    }
    setTimeout("tenumxt()",50);
   }
   //-->
  </script>
  <p><a href="javascript:openwindow('http://news.sohu.com')">进入</a>
17.改变IE地址栏的IE图标
我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下,
并在首页<head></head>之间加上如下代码：          
<head>
 <link rel="Shortcut Icon" href="index.ico"/>
</head>
18：进入或者离开时显示信息
 设置body的 onLoad和onUnload事件
19：只能输入数字
<script LANGUAGE="javascript">;
<!--
function check(){
 if (document.form.tell.value==""){
  alert("请输入数字！");
  document.form.tell.focus();
  return false;
 }else{
  var Letters = "0123456789()+-";
  for (i=0; i< document.form.tell.value.length; i++){
     var CheckChar = document.form.tell.value.charAt(i);
     if (Letters.indexOf(CheckChar) == -1){
       alert("输入的数字不正确！");
       document.form.tell.focus();
       return false;
     }
  }
 }
}
//-->;
</script>
<form method="POST" name=form action="" onSubmit="return check();">
请输入数字：<input type="text" name="tell" size="20">
<input type="submit" value="提交" name="B1">
</form>
20：email 合法性检查
<script language="javascript">
function check()
{
 var vv = document.all("email").value;
if(vv.length!=0)
 {
   if (vv.charAt(0)=="." ||        
        vv.charAt(0)=="@"||       
        vv.indexOf('@', 0) == -1 || 
        vv.indexOf('.', 0) == -1 || 
        vv.lastIndexOf("@")                       
     ==vv.length-1 || 
        vv.lastIndexOf(".")
             ==vv.length-1)
    {
     alert("Email的格式不正確！");
     document.all("email").focus();
     return false;
     }
  }
else
 {
  alert("Email的不能为空！");
  document.all("email").focus();
  return false;
  }
return false;
}
</script>
<input type="text" name="email">
<input type="button" onclick="check();" value="检查email">
21：屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键
<script language="javascript">
<!--
  //屏蔽鼠标右键、Ctrl+N、Shift+F10、F5刷新、退格键
function window.onhelp(){return false} //屏蔽F1帮助
function KeyDown(){
  if ((window.event.altKey)&&
      ((window.event.keyCode==37)||   //屏蔽 Alt+ 方向键 ←
       (window.event.keyCode==39))){  //屏蔽 Alt+ 方向键 →
     alert("不准你使用ALT+方向键前进或后退网页！");
     event.returnvalue=false;
     }
     /* 注：这还不是真正地屏蔽 Alt+ 方向键，
     因为 Alt+ 方向键弹出警告框时，按住 Alt 键不放，
     用鼠标点掉警告框，这种屏蔽方法就失效了。以后若
     有哪位高手有真正屏蔽 Alt 键的方法，请告知。*/
  if ((event.keyCode == 8) &&
      (event.srcElement.type != "text" &&
      event.srcElement.type != "textarea" &&
      event.srcElement.type != "password") ||           //屏蔽退格删除键  
      (event.keyCode==116)||                            //屏蔽 F5 刷新键
      (event.ctrlKey && event.keyCode==82)){            //Ctrl + R
     event.keyCode=0;
     event.returnvalue=false;
     }
  if ((event.ctrlKey)&&(event.keyCode==78))   //屏蔽 Ctrl+n
     event.returnvalue=false;
  if ((event.shiftKey)&&(event.keyCode==121)) //屏蔽 shift+F10
     event.returnvalue=false;
  if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
      window.event.returnvalue = false;  //屏蔽 shift 加鼠标左键新开一网页
  if ((window.event.altKey)&&(window.event.keyCode==115)){ //屏蔽Alt+F4
      window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
      return false;}
  }
 /* 另外可以用 window.open 的方法屏蔽 IE 的所有菜单
第一种方法：
  window.open("你的.htm", "","toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=yes,status=no,top=0,left=0")
第二种方法是打开一个全屏的页面：
  window.open("你的.asp", "", "fullscreen=yes")
 */
//-->
</script>
<input type="text" >
22：屏蔽F5键
<script language="javascript">
<!--
function document.onkeydown()
{
    if ( event.keyCode==116)
    {
        event.keyCode = 0;
        event.cancelBubble = true;
        return false;
    }
}
-->
</script>
<input type="text">
23：屏蔽主窗口滚动条
在body标签里加上 style="overflow-y:hidden"
24：取得控件的绝对位置
<script language="javascript">   
function getIE(e){   
 var t=e.offsetTop;   
 var l=e.offsetLeft;   
 while(e=e.offsetParent){   
  t+=e.offsetTop;   
  l+=e.offsetLeft;   
 }   
 alert("top="+t+"nleft="+l);   
}   
</script> 
<input type="button" value="看看我的位置" onclick="getIE(this);">
25：切换页面后，光标停在文本框文字的最后
<script language="javascript"> 
function cc() 
{ 
 var e = event.srcElement; 
 var r =e.createTextRange(); 
 r.moveStart("character",e.value.length); 
 r.collapse(true); 
 r.select(); 
} 
</script> 
<input type=text name=text1 value="123" onfocus="cc();">
26：表格的半透明显示效果
在<head></head>之间加上如下代码： 
<style> 
.alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度 
</style>
在<body></body>之间加上如下代码： 
<table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" > 
<tr> 
<td width="100%" height="62"> 
<div align="center">很酷吧!</div> 
</td> 
</tr> 
</table>
27：细线分隔线
<hr noshade size=0 color=#C0C0C0>
28：过渡度方式
<head>
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=3)">
</head>
<a href="b.html">to b.html</a>
Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式

29：如何控制横向和纵向滚动条的显隐？
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显
/////////////////////////////////////////////////////////////////////
30：javascript中获取地址栏参数比如 index.jsp?id=xxx&name=xxx
方法一：
<script>
function getvalue(name)
{
var str=window.location.search;
if (str.indexOf(name)!=-1)
{
var pos_start=str.indexOf(name)+name.length+1;
var pos_end=str.indexOf("&",pos_start);
if (pos_end==-1)
{
return str.substring(pos_start);
}
else
{
return str.substring(pos_start,pos_end)
}
}
else
{
return "没有这个name值";
}
}
var strName=prompt("请输入您所要值的名字");
alert(getvalue(strName));
</script>
方法二：
<script language="javascript">
 var URLParams = new Array();
 var aParams = document.location.search.substr(1).split('&');
 for (i=0;i<aParams.length;i++){
  var aParam = aParams[i].split("=");
  URLParams[aParam[0]] = aParam[1];
 }
//取得传过来的name参数
var v=URLParams["name"];
alert("name==="+v);
 </script>
 
方法三：
<script type="text/javascript">
Request = {
 QueryString : function(item){
  var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)","i"));
  return svalue ? svalue[1] : svalue;
 }
}
alert(Request.QueryString("name"));
</script> 
////////////////////////////////////////////////////////////////////
31：window对象的方法
open(URL,WindowName,parameterList):open方法创建一个新的浏览器窗口，并在新窗口中载入一个指定的URL地址。
close():close方法关闭一个浏览器窗口.
alert(text):弹出一个信息框.
confirm(text):弹出一个确认框.
prompt(text,Defaulttext):弹出一个提示框.
setTimeout(expression,time):定时设置,在一定时间后自动执行expression描述的代码,使用time设置时间,单位是毫秒.
clearTimeout(timer):取消以前的定时设置.
back():指示浏览器载入历史记录中的上一个URL地址.
forward():指示浏览器载入历史记录中的下一个URL地址.
stop():指示浏览器停止网页的装载.
location:提供当前窗口的URL信息
history:提供当前窗口的历史记录,可以在网页导航中发挥作用.
closed:一个指出窗口目前是否关闭的逻辑值.
self:引用当前文档对应的窗口.
navigate(url):窗口转向另外一个窗口
32：验证是否整数
<script type="text/javascript">
 function checkInteger(v){
  var s = ""+v;
  var ret = s.match(/^(-|\+)?\d+$/);
  if(ret==null){
   alert(v+" , 不是数字");
  }
 }
 checkInteger('01230');
 checkInteger("abc");
</script>
33：验证是否都是数字，而且是正整数
<script type="text/javascript">
 function checkGreaterZero(v){
  var s = ""+v;
  var ret = s.match(/^\d+$/);
  if(ret==null){
   alert(v+" , 不是数字");
  }
 }
 checkGreaterZero('1230');
 checkGreaterZero("abc");
</script>
34：验证是否都是数字，而且是负整数
<script type="text/javascript">
 function checkLitterZero(v){
  var s = ""+v;
  var ret = s.match(/^-\d+$/);
  if(ret==null){
   alert(v+" , 不是小于0的数字");
  }
 }
 checkLitterZero('-1230');
 checkLitterZero("123");
</script>
35：短时间，形如 (13:04:06)
<script language="javascript">
      function isTime(str)
      {
        var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);
        if (a == null) {alert('输入的参数不是时间格式'); return false;}
        if (a[1]>24 || a[3]>60 || a[4]>60)
        {
          alert(str+",时间格式不对");
          return false
        }
        return true;
      }
     
      isTime("12:09:39");
      isTime("33:55:99");
</script>
36:短日期，形如 (2008-12-05)
<script language="javascript">
      function strDateTime(str)
      {
         var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
         if(r==null)return false;
         var d= new Date(r[1], r[3]-1, r[4]);
         return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
      }
     
      alert(strDateTime("2008-10-28"));
      alert(strDateTime("08-12-9"));
</script>
37：长时间，形如 (2003-12-05 13:04:06)
<script language="javascript">
     function strDateTime(str)
      {
        var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
        var r = str.match(reg);
        if(r==null)return false;
        var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);
        return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
      }
      alert(strDateTime("2008-10-28 11:11:11"));
      alert(strDateTime("08-12-9 11:11:11"));
</script>
38：检测值不能为空
<script language="javascript">
     function canNotEmpty(str)
      {
        if(str.replace(/^\s+|\s+$/g,'')==''){
         alert('不能为空!');
        } 
        return true;
      }
      alert(canNotEmpty("2008-10-28 11:11:11"));
      alert(canNotEmpty("          "));
</script>
39：判断字符全部由a-Z或者是A-Z的字字母组成
<script language="javascript">
     function isLetter(str)
      {
        if(/[^a-zA-Z]/g.test(str)){
         return false;
        }
        return true;
      }
      alert(isLetter("aaaSSFsadfa"));
      alert(isLetter("a3d"));
</script>

40：判断字符由字母和数字组成
<script language="javascript">
     function isLetter(str)
      {
        if(/[^0-9a-zA-Z]/g.test(this.value)){
         return false;
        }
        return true;
      }
      alert(isLetter("aaaSSFsadfa"));
      alert(isLetter("a3d"));
</script>
41：判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
<script language="javascript">
     function isLetter(str)
      {
        if(/^([a-zA-z_]{1})([\w]*)$/g.test(str)){
         return true;
        }
        return false;
      }
      alert(isLetter(" aaaSSFsadfa"));
      alert(isLetter("_a3d"));
</script>    
42：判断浏览器的类型
<script language="javascript">
      alert(window.navigator.appName);
</script>
43：判断ie的版本
<script language="javascript">
      alert(window.navigator.appVersion);
</script>
44：判断客户端的分辨率
<script language="javascript">
      alert(window.screen.height);
      alert(window.screen.width);
</script> 
45：用正则表达式判断是否Email
<script language="javascript">
      function isMail(mail)
      {
        return(new RegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(mail));
      }
   alert(isMail("cc@a.com"));
   alert(isMail("cc 1@a.com"));
</script>
46：用正则表达式判断是否身份证号码
<script language="javascript">
      function isIdCardNo(num)
      {
        if (isNaN(num)) {alert("输入的不是数字！"); return false;}
        var len = num.length, re;
        if (len == 15)
          re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/);
        else if (len == 18)
          re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/);
        else {alert("输入的数字位数不对！"); return false;}
        var a = num.match(re);
        if (a != null)
        {
          if (len==15)
          {
            var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          else
          {
            var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          if (!B) {alert("输入的身份证号 "+ a[0] +" 里出生日期不对！"); return false;}
        }
        return true;
      }
   alert(isIdCardNo("511111199001013456"));
   alert(isIdCardNo("511111199013313456"));
</script>
47：给表格自动增行（msdn的例子）
<SCRIPT>
function createRows(){
   // insert two rows.
   var oRow1=oTable.insertRow(oTable.rows.length);
   var oRow2=oTable.insertRow(oTable.rows.length);
  
   // retrieve the rows collection for the table.
   var aRows=oTable.rows;
  
   // retrieve the cells collection for the first row.
   var aCells=oRow1.cells;
  
   // insert two cells into the first row.
   var oCell1_1=aRows(oRow1.rowIndex).insertCell(aCells.length);
   var oCell1_2=aRows(oRow1.rowIndex).insertCell(aCells.length);
  
   // retrieve the cells collection for the second row.
   aCells=oRow2.cells;
  
   // insert two cells into the second row.
   var oCell2_1=aRows(oRow2.rowIndex).insertCell(aCells.length);
   var oCell2_2=aRows(oRow2.rowIndex).insertCell(aCells.length);
  
   // Add regular HTML values to the 4 new cells.
   oCell1_1.innerHTML="<B>Cell 1.1!</B>";
   oCell1_2.innerHTML="<B>Cell 1.2!</B>";
   oCell2_1.innerHTML="<B>Cell 2.1!</B>";
   oCell2_2.innerHTML="<B>Cell 2.2!</B>";  
}
</SCRIPT>
<INPUT TYPE="button" VALUE="Create Rows" onclick="createRows()">
<TABLE BORDER=1 ID="oTable">
</TABLE>
48：严格的身份证验证
<script>
var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"xizang",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"}
 
function cidInfo(sId){
 var iSum=0
 var info=""
 if(!/^\d{17}(\d|x)$/i.test(sId))return false;
 sId=sId.replace(/x$/i,"a");
 if(aCity[parseInt(sId.substr(0,2))]==null)return "Error:非法地区";
 sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));
 var d=new Date(sBirthday.replace(/-/g,"/"))
 if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return "Error:非法生日";
 for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11)
 if(iSum%11!=1)return "Error:非法证号";
 return aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女")
}
document.write(cidInfo("380524198002300016"),"<br/>");
document.write(cidInfo("340524198002300019"),"<br/>")
document.write(cidInfo("340524197711111111"),"<br/>")
document.write(cidInfo("34052419800101001x"),"<br/>");
</script>
49：验证IP地址
<SCRIPT LANGUAGE="JavaScript">
function isip(s){
 var check=function(v){try{return (v<=255 && v>=0)}catch(x){return false}};
 var re=s.split(".")
 return (re.length==4)?(check(re[0]) && check(re[1]) && check(re[2]) && check(re[3])):false
}
var s="202.197.78.129";
alert(isip(s))
</SCRIPT>

 Javascript学习笔记 

0
顶
3
踩
分享到：
| HttpClient+Gson解析中国天气网的天气预报 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    个人Javascript学习笔记 精华版

    个人Javascript学习笔记 精华版 本资源为个人Javascript学习笔记的精华版，涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明： 1. 什么是JavaScript...

    HTML+CSS+JavaScript教程学习笔记.zip

    HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...

    JavaScript-学习笔记.pdf

    以上是JavaScript学习笔记中提到的一些核心知识点，通过对这些知识点的理解和熟练应用，可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中，结合具体的项目需求，这些知识会得到更深入的拓展和应用...

    JavaScript 学习笔记集和代码库

    JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言，能实现网页的交互功能。下面是该资源中的重要知识点总结： 一、 JavaScript 基本概念 * ...

    javascript学习笔记

    ### JavaScript学习笔记精要 #### JavaScript简介 JavaScript是一种强大的、多用途的脚本语言，用于增强网站的交互性和用户体验。它是由Netscape公司的Brendan Eich在1995年发明的，并且迅速成为了Web开发的标准之...

    javascript入门学习笔记

    这份"javascript入门学习笔记"旨在为初学者提供一个全面且深入的JavaScript学习路径。 一、基础语法 JavaScript的基础包括变量、数据类型、操作符、流程控制等。变量用于存储数据，数据类型分为基本类型（如字符串...

    js 笔记 javascript 学习笔记

    本学习笔记将深入探讨JavaScript的核心概念，包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等，并结合实际示例，如my.js、order.js、login.js等文件，来讲解其在实际项目中的应用。...

    javascript学习笔记整理知识点整理

    这份“javascript学习笔记整理知识点整理”是针对初学者的一份宝贵资料，涵盖了JavaScript的基础知识，旨在帮助新手快速入门并掌握这门语言的核心概念。 一、变量与数据类型 在JavaScript中，变量用于存储数据。...

    javascript学习笔记.docx

    这篇学习笔记主要涵盖了JavaScript的基础语法和客户端JavaScript的相关知识。 1. **JavaScript基本语法**： - **变量声明**：未声明的变量尝试读取时会产生错误，而写入未声明的变量会创建一个全局变量。 - **...

    Javascript学习笔记PPT

    Javascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript...

    javascript学习笔记讲解版参考.pdf

    JavaScript学习笔记讲解版参考.pdf是一份详尽的教程，涵盖了从基础到进阶的JavaScript知识。这份笔记首先从CSS样式表开始，引导读者理解网页样式的设置与应用。 1. CSS（Cascading Style Sheets）样式表是用于控制...

    JavaScript学习笔记.pdf

    JavaScript学习笔记是一本关于JavaScript编程语言的教材，该教材通过丰富的实例，系统地介绍了JavaScript的基础知识和实际应用技巧，帮助读者一步步掌握客户端编程技术。本书共分为九章，每一章都有其特定的主题，...

    前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar

    前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar ...

    javaScript学习笔记总结.docx

    JavaScript是一种轻量级的解释型编程语言，主要用于网页和网络应用开发。它由网景公司的Brendan Eich在1995年发明，最初设计目的是增强网页的交互性，验证表单数据。JavaScript的运行环境是浏览器，它不需要预编译，...

Magicbox
Global site tag (gtag.js) - Google Analytics