`
xunmenglanying
  • 浏览: 8492 次
  • 性别: Icon_minigender_2
  • 来自: 西安
社区版块
存档分类
最新评论

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="右移" 
         onclick="move('left','right')"><br> 
      <input type="button" value="左移"
       onclick="move('right','left')"></td>  
      <td><select id="right" size="6" multiple style="width: 80px"> 
      </select></td> 
   </tr> 
</table> 

 

 

 

 

<script> 
 //  每隔一秒钟学号和姓名互换  
 var i = 0;  
 window.onload=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" onclick="checkAll()">/
   反选
 <input type="checkbox" name="revAll" onclick="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.onload=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.onload=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.onload=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>

 

分享到:
评论

相关推荐

    js常用代码总汇

    这个“js常用代码总汇”包含了开发者在日常工作中可能频繁使用的JavaScript代码片段,旨在提高开发效率并提供参考。 1. **变量声明与数据类型** - `var`, `let`, `const`:JavaScript 提供了三种声明变量的方式,`...

    javascript常用代码大全.doc

    在提供的“JavaScript常用代码大全”中,我们可以看到许多实用的代码片段,涵盖了多个方面的功能,包括对话框、全屏窗口、XML处理、表单验证、字符检测、浏览器检测以及特定功能的实现。 1. 对话框: - `...

    JS常用代码

    以上仅是JavaScript常用代码的一部分,实际开发中还有更多如事件处理、模板字符串、模块化、正则表达式、错误处理、类型转换、数组方法、对象方法等知识点。通过查阅“JS常用代码.txt”文件,可以找到更多实用的代码...

    JS常用代码大全.pdf

    "JS常用代码大全.pdf" 汇集了JavaScript中的常见函数及对象的实例代码,旨在帮助不同水平的学习者理解和掌握JavaScript的核心概念。 1. **基础语法** JavaScript的基础语法包括变量声明(`var`, `let`, `const`)...

    javascript常用代码及汇总

    "javascript常用代码及汇总"这个资源集合了JavaScript编程中的一些常见用法和实用技巧,是开发者学习和工作中的一大助力。 首先,JavaScript的核心概念包括变量、数据类型、控制结构、函数、数组、对象等。变量是...

    javascript 常用代码大全

    javascript 常用代码大全.........................

    javascript常用代码

    这个"javascript常用代码"的压缩包很可能包含了各种实用的JavaScript代码片段,可以帮助开发者更高效地进行日常开发工作。下面将详细介绍一些JavaScript的核心概念和常见代码实践。 1. 变量与数据类型: ...

    60种js常用代码1

    "60种js常用代码1"这个压缩包集合了60个实用的JavaScript代码片段,旨在帮助开发者快速解决常见问题或实现特定功能。以下是对这些常见代码的详细解释: 1. **js-0002**:可能是一个关于事件监听的基础示例,如添加...

    CHM(标签,js常用代码,jquery帮助文档)

    描述中提到的"js常用代码"指的是JavaScript,这是一种广泛用于网页和网络应用开发的脚本语言。JavaScript 代码常用于实现网页的动态效果、表单验证、Ajax异步通信等功能。在CHM文件中,可能包含了一些常见的...

    JS 常用 代码

    在“JS常用代码”这个主题中,我们主要关注的是JavaScript中的实用函数和常见编程技巧。这篇博客文章可能包含了作者在实践中总结的一些高效、便捷的代码片段,这些代码可以用于提升开发效率并解决日常遇到的问题。 ...

    60种js常用代码2

    "60种js常用代码2"这个压缩包文件包含了一系列实用的JavaScript代码片段,这些代码可能是解决常见问题的快捷方式或者优化程序效率的方法。下面我们将详细探讨其中可能涵盖的一些关键知识点: 1. **数组操作**: - ...

    javascript常用代码大全.pdf

    javascript常用代码大全.pdf

    JS常用代码锦集[定义].pdf

    在给定的文件"JS常用代码锦集[定义].pdf"中,我们可以看到一些常用的JavaScript代码片段,其中包括一个用于创建立体效果导航条的示例。 1. **CSS样式定义**: 在HTML文档的`&lt;head&gt;`或`&lt;body&gt;`区域中添加`&lt;style&gt;`...

    unity js常用代码

    列出了unity javascriptde 一些常用代码和一些具体用法,包括一些常用属性及变量

    JavaScript大全 常用JS效果代码

    这个压缩包文件“JavaScript大全 常用JS效果代码”显然包含了一系列实用的JavaScript代码片段,旨在帮助开发者快速实现常见的网页特效和功能。 1. **JS特效**:JavaScript能够创造出丰富的用户体验,如滑动门、轮播...

    js常用代码.chm

    收集了常用的js代码,方便随时查看。喜欢的同学赶紧下啊...

    .js常用代码参考手册

    本参考手册包含了丰富的JS代码示例,是学习和理解JavaScript的重要资源。 首先,我们要理解JavaScript的核心概念。JS是一种解释型的、面向对象的、弱类型的脚本语言,它的主要功能包括处理用户交互、操作DOM(文档...

Global site tag (gtag.js) - Google Analytics