`
qinweiping
  • 浏览: 131377 次
  • 性别: Icon_minigender_1
  • 来自: 嘉兴
社区版块
存档分类
最新评论

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>

 

  • 大小: 28.2 KB
0
0
分享到:
评论

相关推荐

    JavaScript之for循环语句(源代码)

    JavaScript之for循环语句(源代码)JavaScript之for循环语句(源代码)JavaScript之for循环语句(源代码)JavaScript之for循环语句(源代码)JavaScript之for循环语句(源代码)JavaScript之for循环语句(源代码)JavaScript之...

    JavaScript循环控制语句1案例.pdf

    在学习JavaScript循环控制语句时,了解这些基础案例是十分重要的。通过阅读和理解这些代码,我们可以更好地掌握如何根据需求来选择合适的循环结构,以及如何在实际项目中运用这些循环。同时,参考文献如《JavaScript...

    JavaScript循环控制语句案例.pdf

    在学习JavaScript循环控制语句时,除了for循环,还有其他类型的循环,如while循环和do...while循环,它们各有特点,适用于不同的场景。了解并熟练掌握这些循环语句,能够帮助开发者编写出高效且易于维护的代码。为了...

    03JavaScript流程控制语句.docx

    这些流程控制语句是JavaScript编程的基础,熟练掌握它们可以帮助你构建复杂的功能和逻辑,实现更加灵活和动态的网页和应用程序。通过合理运用这些语句,可以创建出响应用户输入、处理数据和控制程序流程的高效代码。

    Javascript流程控制语句

    - **循环语句**: - **for循环**:如 `for (var i = 0; i ; i++) {}` - **for-in循环**:如 `for (x in x) {}` - **while循环**:如 `while () {}` - **do-while循环**:如 `do {} while ();` - **控制结构**: ...

    JavaScript流程控制语句[归纳].pdf

    常见的循环语句有for、while和do...while。for循环适合已知循环次数的情况,while和do...while循环适用于循环次数不确定,依赖于运行时条件的情况。 通过理解和熟练运用这些流程控制语句,开发者可以构建出复杂的...

    详解JavaScript的流程控制语句

    这些循环语句使得我们可以更方便地执行重复任务,例如遍历数组、重复执行某个操作直到条件不再满足等。 在进行流程控制时,还可以使用break语句和continue语句来控制循环的行为。break语句用于立即退出循环,无论...

    JavaScript:流程控制:条件语句与循环

    ### JavaScript:流程控制:条件语句与循环 #### 一、引言 JavaScript 是一种广泛应用于 Web 开发的脚本语言,它支持多种程序结构,包括条件语句和循环,这些结构对于控制程序的流程至关重要。本文将详细介绍 ...

    详解JavaScript中循环控制语句的用法

    在JavaScript编程语言中,循环控制语句是编程中不可或缺的一部分,它们允许我们更灵活地处理循环结构。本文将深入探讨两种关键的循环控制语句:`break` 和 `continue`,以及它们在不同循环类型中的应用。 首先,...

    JavaScript流程控制语句.docx

    3. **while循环语句**: while循环会在指定条件为true时重复执行代码块。基本语法是: ```javascript while(条件){ // 需执行的代码 } ``` 只有当条件为true时,代码块才会被执行。 4. **do...while循环语句...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册六:JS条件语句

    在JavaScript中,条件语句是控制程序流程的重要工具,它们允许我们根据不同的条件执行不同的代码块,从而实现逻辑判断和决策。本篇将深入探讨JavaScript中的条件语句。 首先,最基础的条件语句是`if...else`语句。...

    javaScript语句大全2015

    循环语句包括`for`、`while`和`do...while`,它们在处理重复任务时非常有用。此外,`break`和`continue`用于中断或跳过循环的当前迭代。 函数在JavaScript中扮演着重要角色。你可以使用`function`关键字定义函数,...

    javascript教案 JavaScript基础

    javascript教案 JavaScript基础 【实例简介】javascript教案 javascript学习指导,语法基础的指导及编写格式和方法的说明 第一章 概述 4 1.1 JavaScript的由来 4 1.2 什么是JavaScript 4 1.3 JavaScript的特点...

    python 零基础学习篇web前端开发基础JavaScript基础13 循环语句 .mp4

    python 零基础学习篇

    JavaScript:流程控制:条件语句与循环.docx

    JavaScript:流程控制:条件语句与循环.docx

    javascript完美学习视频教程-----11.javascript流程控制-跳转语句、with语句

    在JavaScript中,主要有三种跳转语句:break、continue和return。 1. **break语句**:当程序遇到break语句时,会立即退出当前循环(for、while或switch),程序执行将从循环体后的下一条语句开始。这在处理某些特定...

    JavaScript学习资料JavaScript基础语法函数及相关源代码资料.zip

    JavaScript之for循环语句(源代码).zip JavaScript之Math对象(源代码).zip JavaScript之函数(ppt).pdf JavaScript内置对象(ppt).pdf JavaScript函数(源代码).zip JavaScript分支语句(源代码).zip JavaScript...

    javaScript107个常用语句

    控制流程语句包括条件语句(如`if...else`,`switch`)和循环语句(如`for`,`while`,`do...while`)。这些语句允许根据特定条件执行代码块,或者重复执行一段代码直到满足特定条件。例如,`for`循环常用于迭代数组...

Global site tag (gtag.js) - Google Analytics