博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

javascript入门系列演示·流程控制之 判断、循环

Posted on 2006-08-04 09:21  天轰穿  阅读(1615)  评论(3编辑  收藏  举报
演示一 :if...else... 请在下面文本框输入天轰穿.net入门 博客的地址 (实例代码在 8-19行)

演示二 :重复循环一定的次数 for([initial expression];[condition];[update expression]) {statement[s] inside loop}
请在下面文本框分别输入一个整数代码(20-29行)

演示三 : switch 代码 (30-47行) 请在下面第一个输入 天 或者 田 或者 其他

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>流程控制之 判断、循环</title>
<script language="javascript">
function blog()
{//构造动作 blog()
    var aa=document.form1.blogtext.value;//获取文本框的值并赋给变量 aa
    if(aa=="thcjp.cnblogs.com")
    
{//如果aa的值等于thcjp.cnblogs.com
        alert("哇,我一直以为我是天才,没想你比我还厉害");//执行这段
    }

    
else
    
{//否则执行下面这句
        alert("答错了,地址是\n\t thcjp.cnblogs.com \n在输入一次看下输入正确的效果");
    }

}

function Tofor()
{//以下两句从文本框里得到值
    var a=parseInt(document.form2.aa.value);
    
var b=parseInt(document.form2.bb.value);
    
//下面进行循环
    for(var i=a;i<=b;i++)
    
{
        document.write(i
+"<br>");
    }

}

function Tosw()
{//先声明两个变量
    var aa=document.form3.text.value;
    
var t2;
    
switch(aa)//判断条件为 变量 aa的值
    {
        
case ""://如果是 田 
            t2="田洪川"//t2的值为  田洪川
            break//跳出循环
        case "":
            t2
="天轰穿";
            
break;
        
default//毕竟我不会知道你要输入其他什么,所以这个就是只要不是前两个预定的值 ,都执行下面的
            t2="大虾,不知道你输入的咋办";
            
break;
    }

    document.form3.t2.value
=t2;
}

</script>
</head>

<body>
<p>流程控制,条件分支</p>
<p><strong>演示一 :</strong>ifelse 请在下面文本框输入天轰穿.net入门 博客的地址 (实例代码在 8-19行) </p>
<form id="form1" name="form1">
  
<input name="blogtext" type="text" id="blogtext" onchange="blog()" />
</form>
<p><strong>演示二 :</strong>重复循环一定的次数 for([initial expression];[condition];[update expression]) {statement[s] inside loop} <br />
请在下面文本框分别输入一个整数代码(20-29行)
</p>
<form id="form2" name="form2" method="post" action="">
  
<input type="text" name="aa" />
  到
  
<input type="text" name="bb" onchange="Tofor()" />
</form>
<p>正如上面的循环,我们如果在循环中途向停止,怎么办呢?那么请继续关注 <href="http://thcjp.cnblogs.com">http://thcjp.cnblogs.com</a> 或者搜索 <href="http://thcjp.cnblogs.com">天轰穿</a>我将会从JS到AJAX和ATLAS一直到.net(c#)与AJAX的整合出一系列的入门级实例教程</p>
<p><strong>演示三 :</strong> switch 代码 (30-47行) 请在下面第一个输入 天 或者 田 或者 其他</p>
<form id="form3" name="form3" method="post" action="">
  
<input name="text" type="text" id="text" onchange="Tosw()" />
  
<input name="t2" type="text" id="t2" />
</form>
</body>
</html>