javascript基础(3)循环控制语句
日期：2014-05-16 浏览次数：20536 次
javascript基础(三)循环控制语句
?
?
今天来讲讲Js的第三讲 循环控制语句，再第三讲开始前,先改进一下第二讲的那个交互性程序。添加了一点功能：根据多选下拉框下选择的条目 来传递id号 进行不同支付方式选择 不同支付方式有不同的打折方式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> JavaScript的条件语句 </TITLE>
<meta name="Content-Type" content="text/html;charset=utf-8">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
/*
银行转账——0.6折
电话支付——0.7折
邮政汇款——0.8折
Q币支付——0.9折
支付宝——0.95折
*/
function calcu(){
var price=document.getElementById("txtPrice").value;
var num=document.getElementById("txtNum").value;
var total=parseFloat(price)*parseFloat(num);
var pay=document.getElementById("selectPay").value;
switch(parseInt(pay)){
case 1:
total=total*0.6;
break;
case 2:
total=total*0.7;
break;
case 3:
total=total*0.8;
break;
case 4:
total=total*0.9;
break;
case 5:
total=total*0.95;
break;
}
document.getElementById("txtTotal").value=total;
if(price==""||price<=0||num==""||num<=0){
alert("竞拍价格和竞拍数量必须为大于0的正数");
}else{
if(total>500&&total<=1000){
alert("将赠送超级Q币2枚");
}else if(total>1000&&total<=2000){
alert("将赠送IBM光电智能鼠标1只");
}else if(total>2000){
alert("请直接与贵宾台联系");
}
}
}
/*
要求用户输入一个年龄，如果年龄值大于等于18，弹出“成年人”提示信息，否则弹出“未成年人”提示信息
*/
function demo2(){
var age=prompt("请输入您的年龄：","18");
var result=(age>=18)?"成年人":"未成年人";
alert(result);
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<label for="txtPrice">竞拍价格：</label><input type="text" id="txtPrice"><br/>
<label for="txtNum">竞拍数量：</label><input type="text" id="txtNum"><br/>
<label for="selectPay">支付方式：</label>
<select id="selectPay">
<option>--请选择支付方式--</option>
<option value="1">银行转账</option>
<option value="2">电话支付</option>
<option value="3">邮政汇款</option>
<option value="4">Q币支付</option>
<option value="5">支付宝</option>
</select><br/>
<label for="txtTotal">预计总价：</label><input type="text" id="txtTotal"><br/>
<input type="button" value="计算看看" onclick="calcu()"><br/>
<input type="button" value="条件运算符测试" onclick="demo2()">
</BODY>
</HTML>
?
这个是流程控制语句<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> JavaScript的循环语句 </TITLE>
<meta name="Content-Type" content="text/html;charset=utf-8">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
/**
要求用户输入字符，如果该字符等于N或者n，停止用户输入，否则继续要求用户输入新的字符
注意：该循环体是限制性语句，然后再判断是否满足条件。
**/
/*
do{
var c=prompt("输入字符，输入N或者n停止","A");
}while(c!="N"&&c!="n");
*/
/**
设定一个变量i=0，循环10次，每次i递增1，循环10次后结束该循环
while循环和do...while循环的主要区别在于，while循环先进行测试，而do...while循环后进行测试，
这就意味着do...while循环中，循环体内的语句在测试条件之前，至少执行一次，而对于while循环，若一开始
检查条件表达式为假，循环体内的语句就不会执行
**/
/**
var i=0;
while(i<10){
document.write("num"+i+":"+i+"<br/>");
i++;
}
**/
/**
用for语句在页面中打印出金字塔形状
break直接跳出并且结束循环
continue结束本次循环，并且调到循环头部，开始下一次循环
**/
for(var i=0;i<=100;i=i+5){
if(i==5*5)
continue;
document.write("<hr align='center' width="+i+"%>");
}
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
