注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

牛腩js视频教程代码片段  

2010-01-18 14:33:22|  分类: js代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

牛腩js视频教程代码片段

◆js代码框架
<script language="javascript" type="text/javascript">
function 函数名()
{
 //函数体
}
</script>


◆选择文本框中的内容
<script language="javascript" type="text/javascript">
    function 函数名() {
    document.表单名.文本框名.select();
}
</script>
同时在文本框代码中加入得到焦点:onFocus="函数名()";


◆全选与取消全选
<script language="javascript" type="text/javascript">
function 函数名1() {
    var xxx= document.表单名.数组名; 
    for (var i=0; i<xxx.length; i++) {
      xxx[i].checked=true;
}
}
function 函数名2() {
    var xxx= document.表单名.数组名; 
    for (var i=0; i<xxx.length; i++) {
      xxx[i].checked=false;
}
}
</script>
用按钮单击调用:
<input name="" type="button" id="" value="全选"onClick="函数名1()"; >
<input name="" type="button" id="" value="取消"onClick="函数名2()"; >


◆获取文本框中的文本
<script language="javascript" type="text/javascript">
     function   函数名() {
     var 变量=document.表单名.文本框名.value;
         alert("文本框的初始值:"+变量);
}
</script>
用按钮单击调用:
<input name="" type="button" id="" value="按钮"onClick="函数名()";>


◆获取两个单选按钮的初始值
<script language="javascript" type="text/javascript">
 function   函数名() {
 var 变量;
 var x=document.表单名.单选按钮名[1].checked;
    if (!x) {
       xinbie=document.表单名.单选按钮名[0].value;
}  else  {
       xinbie=document.表单名.单选按钮名[1].value;
}
alert("单选按钮值为:"+变量);
}
</script>
用按钮单击调用:
<input name="" type="button" id="" value="按钮"onClick="函数名()";>


◆获取多个复选按钮的初始值
<script language="javascript" type="text/javascript">
 function   函数名() {
  var 变量="" ;
  var xxx=document.表单名.按钮数组名;
      for (var i=0; i<xxx.length; i++) {
      if (xxx[i].checked) {
      变量+=xxx[i].value+"、";
}
}
   alert("复选按钮值为:"+变量);
}
</script>
用按钮单击调用:
<input name="" type="button" id="" value="按钮"onClick="函数名()";>


◆逐个获取对象中的值
<script language="javascript" type="text/javascript">
  var tx=new Array();
     tx[0]="小明";
     tx[1]="小红";
      ………………
     tx[n]="小强";
  for(var i=0;i<tx.length;i++) { 
  alert("第"+(i+1)+"位同学的姓名是:"+tx[i]);
 }
</script>


◆检验文本框是否为空
<script language="javascript" type="text/javascript">
 function   函数名() {
     var ttt=document.表单名.文本框名.value;
     if (ttt=="" || ttt==null) {
          alert("你的文本框内是空的!");
     document.表单名.文本框名.focus();
}
}
</script>
用按钮单击调用:
<input name="" type="button" id="" value="按钮"onClick="函数名()";>
同时在文本框代码中加入失去焦点:onBlur="函数名()";


◆消失与出现
<script language="javascript" type="text/javascript">
 function  xiaoshi() {
    document.getElementById("lannu").style.display="none";
}
 function  cuxian() {
    document.getElementById("lannu").style.display="";
}
</script>
<input type="button"value="消失"onclick="xiaoshi()";>
<input type="button"value="出现"onclick="cuxian()";>
<p id="lannu">内容内容内容</p>

 

说明:以上代码,可复制粘贴到“运行代码框”或“在线编辑器”中测试!

 

 牛腩js视频教程代码片段 - 火力光波 - 火力光波的博客

  评论这张
 
阅读(934)| 评论(6)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017