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

火力光波的博客

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

 
 
 

日志

 
 

牛腩js视频教程实例代码-1  

2010-01-12 15:06:58|  分类: js代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

牛腩js视频教程实例代码-1

判断闰年(第5课)
<form action="" method="post" name="form1" id="form1">
  请输入年份:
  <input name="nian" type="text" id="nian" value="" size="8" maxlength="8"/>
  <input name="按钮" type="button" id="button"value="是否闰年"onclick="aaa()"/>
  <script language="javascript" type="text/javascript">
function  aaa() {
   var x = document.form1.nian.value;
 /* if (x=="" || x==0) {
     alert("年份不能为空或为0!");    
  } */
   if (((x%4==0) && (x%100 !=0)) || ((x%100==0) && (x%400==0)))
//(x%4==0) && (x%100 !=0):(x能被4整除)并且(x不能被100整除)
//(x%100==0) && (x%400==0):(x能被100整除)并且(x能被400整除)
{
       alert(x + "年是闰年!");
   }  else {
       alert(x + "年不是闰年!");
   }
}
</script>
</form>

 

登录表单(第6课)
<form action="" method="post" name="form2" id="form2">
<p>用户名:
    <input name="text1" type="text" id="text1" size="12" maxlength="10">
</p>
<p> 密码:
    <input name="text2" type="password" id="text2" size="14" maxlength="14">
</p>
    <input name="button1" id="button1" type="button" value="登录"onClick="bbb()";>
    <input name="button2" id="button2" type="reset" value="重设">
</form>
<script language="javascript" type="text/javascript">//开始句,使用js代码
 function bbb() {
 var text1= document.form2.text1.value;
 var text2= document.form2.text2.value;
/*检测你的用户名、密码是否输入
 if (text1==null || text1=="") {
      alert("用户名不能为空");    
   } 
 if (text2==null || text2=="") {
      alert("密码不能为空");     
   } */
 //判断你登录是否成功
 if (text1=="火力光波"&& text2=="111111") {
      alert("登录成功!");
   } else {
      alert("请填写正确的用户名和密码!"); 
   }
}
</script>

 

1加到100的结果(第7课)
<script language="javascript" type="text/javascript">
//while循环
var i=1;
var jieguo=0;
while(i<=100){
jieguo +=i;
i++; //这是i=+1 或是i=i+1的简写
}
alert("1加到100的结果:"+jieguo);
//for循环
var jieguo=0;
for(var i=1;i<=100;i++){
    jieguo +=i;
}
alert("1加到100的结果:"+jieguo);
</script>

 

23个3相乘的结果(第7课)
<script language="javascript" type="text/javascript">
//while循环
var i=1;
var jieguo=1;//
while(i<=23){
   //alert("这是第'+i+'句!");
   jieguo *=3;
   i++;
}
alert("23个3相乘的结果:"+jieguo);

//for循环
var jieguo=1;
for(var i=1;i<=23;i++){
    jieguo *=3;
}
alert("23个3相乘的结果:"+jieguo);
</script>

 

数组循环(第7课)
<script language="javascript" type="text/javascript">
var tx=new Array();
tx[0]="小明";
tx[1]="小红";
tx[2]="小强";
tx[3]="小为";
tx[4]="小工";
for(var i=0;i<tx.length;i++){ 
  alert("第"+(i+1)+"位同学的姓名是:"+tx[i]);
 }
</script>


注册表单(第8课第9课)
<form action="" method="post" name="form3" id="form3">
  <p>姓名:
    <input name="xinming" type="text" id="xinming" value="请输入您的姓名!" size="18" maxlength="20"onFocus="bbb();"onBlur="ccc();">
  </p>
  <p>性别:
    <input type="radio" name="zhu1" id="radio"value="男">
    男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input name="zhu1" type="radio" id="radio2" value="女" checked="checked">
    女</p>
  <p>爱好:
    <input name="zhu2" type="checkbox" id="zhu2" value="跑步">
    跑步&nbsp;
    <input  name="zhu2" type="checkbox" id="zhu2" value="游泳">
    游泳&nbsp;
    <input  name="zhu2" type="checkbox" id="zhu2" value="打球">
    打球&nbsp;
    <input  name="zhu2" type="checkbox" id="zhu2" value="滑冰">
    滑冰&nbsp;
    <input  name="zhu2" type="checkbox" id="zhu2" value="逛街">
    逛街&nbsp;
    <input  name="zhu2" type="checkbox" id="zhu2" value="旅游">
    旅游&nbsp;
    <input  name="zhu2" type="checkbox"i d="zhu2" value="打牌">
    打牌&nbsp;
    <input name="zhu2" type="checkbox" id="zhu2" value="下棋">
    下棋&nbsp; </p>
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input name="zhu2" type="checkbox" id="zhu2" value="上网">
    上网&nbsp;
    <input  name="zhu2" type="checkbox" id="zhu2" value="看书">
    看书&nbsp;
    <input  name="zhu2" type="checkbox" id="zhu2" value="读报">
    读报&nbsp;
    <input  name="zhu2" type="checkbox" id="zhu2" value="泡MM">
    泡MM&nbsp;
    <input  name="zhu2" type="checkbox" id="zhu2" value="跳舞">
    跳舞&nbsp;
    <input  name="zhu2" type="checkbox" id="zhu2" value="摄像">
    摄像&nbsp;
    <input  name="zhu2" type="checkbox"  id="zhu2" value="聊天">
    聊天&nbsp;
    <input  name="zhu2" type="checkbox" id="zhu2" value="钓鱼">
    钓鱼&nbsp; </p>
 <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input name="button1" type="button" id="button1" value="全选"onClick="qbxz(); ">
    <input name="button2" type="button" id="button2" value="取消"onClick="qxqx(); ">
 </p>
 <p>
    <input type="button" name="button3" id="button3" value="注册表单"onClick="javascript:aaa();">
    <input type="reset" name="button4" id="button4" value="重置表单">
 </p>
 </form>
 <script language="javascript" type="text/javascript">
 function  aaa() {
    //获取姓名
 var xinming=document.form3.xinming.value;
    //获取性别
 var xinbie;
 var x=document.form3.zhu1[1].checked;
  if (!x) {
      xinbie=document.form3.zhu1[0].value;
   }  else {
       xinbie=document.form3.zhu1[1].value;
   }
   //获取爱好
  var aihao="" ;
  var xxx=document.form3.zhu2;
  for (var i=0; i<xxx.length; i++) {
  if (xxx[i].checked){
  aihao+=xxx[i].value+"、";
}
}
alert("姓名:"+xinming+"\n性别:"+xinbie+"\n爱好:"+aihao);
}
  //选择姓名栏中的内容
function bbb() {
document.form3.xinming.select();
}
   //提示输入姓名
function ccc() {
    var ttt= document.form3.xinming.value; 
    if ( ttt=="" || ttt==null) {
       alert("请输入您的姓名!");
    document.form3.xinming.focus();
}
}
   //全部选择
function qbxz() {
    var xxx= document.form3.zhu2; 
    for (var i=0; i<xxx.length; i++) {
      xxx[i].checked=true;
}
}
  // 取消全选
function qxqx() {
    var xxx= document.form3.zhu2; 
    for (var i=0; i<xxx.length; i++) {
      xxx[i].checked=false;
}
}
/*
函数名:aaa姓名  bbb姓名  ccc姓名  qbxz爱好  qxqx爱好
文本框: xinming 姓名名   xinbie 性别名   aihao 爱好名 
               zhu1 性别框  zhu2 爱好框
变量名: ttt 姓名   x 性别    xxx  全选、取消爱好
新单词: checked 初始值   select 全选  onFocus 得到焦点
               length 长度    focus 焦点  */
</script>

  评论这张
 
阅读(924)| 评论(3)
推荐 转载

历史上的今天

评论

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

页脚

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