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>?