js 常用代码

javaScript常用代码

 

 <script type="text/javascript"> 
 function move(a,b) 
 {  
    var aObj = document.getElementById(a); 
    var bObj = document.getElementById(b); 
    for(var i=0;i<aObj.length;i++) 
    {  
       if(aObj[i].selected) 
       {  
          var opt = new Option(aObj[i].text,aObj[i].value); 
          bObj.add(opt); 
          aObj.remove(i); 
          i--; 
       } 
    } 
 }  
</script>  

 <table width="40%" border="1" bgcolor="#cecece"> 
   <tr>  
      <td><select id="left" size="6" multiple> 
         <option value="1">
  增加简历
  </option> 
         <option value="2">
  删除简历
  </option> 
         <option value="3">
  修改简历
  </option> 
         <option value="4">
  列表简历
  </option> 
      </select></td>  
      <td><input type="button" value="右移" 
         οnclick="move('left','right')"><br> 
      <input type="button" value="左移"
       οnclick="move('right','left')"></td>  
      <td><select id="right" size="6" multiple style="width: 80px"> 
      </select></td> 
   </tr> 
</table> 

 

 

 

 

<script> 
 //  每隔一秒钟学号和姓名互换  
 var i = 0;  
 window.οnlοad=change;  
 setInterval('change()',1000); 
 function change()  
 {  
    if(i%2) 
    {  
       document.getElementById("result").innerHTML=' 姓名: 张三 '; 
    }else 
    {  
       document.getElementById("result").innerHTML=' 学号 : 0303003'; 
    } 
    i++; 
 }  
 </script> 

 

 <div id="result"></div>

 

 

 

 

<script> 
 //实现全选和反选
 //全选   
 function checkAll() 
 {  
    var chAll = document.getElementById("ckAll"); 
    var items = document.getElementsByName("item"); 
    for(var i = 0;i<items.length;i++) 
    {  
       items[i].checked = chAll.checked; 
    } 
 }  
 //反选  
 function reverseAll() 
 {  
    var revAll = document.getElementById("revAll"); 
    var items = document.getElementsByName("item"); 
    for(var i = 0;i<items.length;i++) 
    {  
       items[i].checked = !items[i].checked  
    } 
 }  
 </script>  

 

 全选
  <input type="checkbox" name="ckAll" οnclick="checkAll()">/
   反选
 <input type="checkbox" name="revAll" οnclick="reverseAll()"><br> 
 <input type="checkbox" name="item"><br> 
 <input type="checkbox" name="item"><br> 
 <input type="checkbox" name="item"><br> 
 <input type="checkbox" name="item"><br> 
 <input type="checkbox" name="item"><br> 

 

 

 

 <script language="javascript"> 
<!--  实现省级联动
var group;  
window.οnlοad=init; 
function init(){  
   var len = document.getElementById("province").length; 
   group=new Array(len); 
   for (var i=0; i<len; i++) 
   {  
      group[i]=new Array(); 
   } 
   
   group[0][0]=new Option("北京","北京"); 
   group[0][1]=new Option("上海","上海"); 
   group[0][2]=new Option("天津","天津"); 
   group[0][3]=new Option("重庆","重庆");  
   
   group[1][0]=new Option("武汉","武汉"); 
   group[1][1]=new Option("鄂州","鄂州"); 
   group[1][2]=new Option("孝感","孝感"); 
   group[1][3]=new Option("黄冈","黄冈"); 
   group[1][4]=new Option("黄石","黄石"); 
   
   group[2][0]=new Option("石家庄","石家庄"); 
   group[2][1]=new Option("保定","保定");
   group[2][2]=new Option("张家口","张家口"); 
   group[2][3]=new Option("承德","承德"); 
   
   group[3][0]=new Option("长沙","长沙"); 
   group[3][1]=new Option("湘潭","湘潭"); 
   group[3][2]=new Option("株州","株州"); 
   group[3][3]=new Option("衡阳","衡阳"); 
   group[3][4]=new Option("岳阳","岳阳"); 
} 
 
function connAction(x){      
   var city=document.getElementById("city"); 
    for (var m=city.length-1;m>0;m--) 
    {  
       city.options[m]=null; 
    }  
   for (i=0;i<group[x].length;i++){  
       city.options[i]=new Option(group[x][i].text,group[x][i].value); 
    } 
} 
//-->  
</script>  

   <select name="province"  
   onChange="connAction(this.selectedIndex)">  
   <option value="直辖市" selected>
 直辖市
 </option> 
   <option value="湖北">
 湖北
 </option> 
   <option value="河北">
 河北
 </option> 
   <option value="湖南">
 湖南
 </option> 
</select> 
省
  
<select name="city">  
   <option value="北京" selected>
 北京
 </option> 
   <option value="上海">
 上海
 </option> 
   <option value="天津">
 天津
 </option> 
   <option value="重庆">
 重庆
 </option>  
</select> 
市
 

 

 

 

<script> 
   // 动态显示当前日期时间。
 window.οnlοad=init;  
 setInterval('init()',1000); 
 function init() 
 {  
    var date = new Date();  
    var year = date.getYear(); 
    var month = date.getMonth()+1; 
    if(month<10)month="0"+month; 
    var day = date.getDate(); 
    if(day<10)day="0"+day;  
    var hour = date.getHours(); 
    if(hour<10)hour="0"+hour;  
    var minute = date.getMinutes(); 
    if(minute<10)minute="0"+minute; 
    var second = date.getSeconds(); 
    if(second<10)second="0"+second; 
    var dateTime = year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second; 
    document.getElementById("dateTime").value= dateTime; 
 }  
 </script>  
<input type="text" name="dateTime" readonly>

 

动态显示当前时间（第二种 简洁）

<script language="javascript" type="text/javascript">
     window.οnlοad=tt;  
  setInterval('tt()',1000); 
 function tt()
 { 
 with(new Date())
 { 
    var t=function(a){return a<10?"0"+a:a;} 
   document.getElementById("dateTime").value =  getFullYear()+"年"+t(getMonth()+1)+"月"+t(getDate())+"日"+t(getHours())+"时"+t(getMinutes())+"分"+t(getSeconds())+"秒";  }
 } 
 </script>

<input type="text" name="dateTime" style="width:200px;" readonly>