JavaScript语句和函数

最新推荐文章于 2024-10-01 20:12:28 发布

心馨逸梦

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量56

点赞数

文章标签： javascript servlet html

本文链接：https://blog.csdn.net/m0_65731386/article/details/126877430

版权

条件判断语句

2.1.1简单if语句

其中的条件表达式计算结果为true或false。如果结果为true，则程序先执行{}内的语句块1，然后再执行“}”后的语句块2;如果结果为false，则程序跳过{内的语句块1而直接执行“}”后的语句块2;如果{内的语句块1只包含一条语句，则{}可以不写。if语句后面总跟着{}是个良好的编程习惯！

	<script type="text/javascript">
			if(条件表达式){
				语句块1;
			}
			语句块2
		</script>

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简单的if语句</title>
	</head>
	<body>
		<script type="text/javascript">
			var score;
			score=prompt("请输入成绩")
			if(score>=60){
				alert("考试及格")
			}
		</script>
	</body>
</html>

2.1.2 if-else语句

if-else 语句是条件分支语句，如果条件表达式的值为true，则程序只执行语句块1，不执行语句块2的代码;如果条件表达式的值为false，则程序跳过语句块1内的语句直接执行语句块2的代码。通常称语句块1为条件的取真分支，语句块2为条件的取假分支

<script type="text/javascript">
			if(条件表达式)
			{
			语句块1;	
			}
			else
			{
				语句块2;
			}
		</script>

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			function test2(width,height){
				var result = width*height
				return result
				
			}
			var result=test2(10,3)
			// 想判断以下该长方形的面积是否可以被5整除
			if(result%5==0){
				console.log("该长方形的面积是可以被5整除的")
			}else{
				console.log("该长方形的面积不能被5整除")
			}
			// 判断该长方形的面积是否大于100
			if(result>100){
				console.log("该长方形的面积是大于100的")
			}esle{
				console.log("该长方形的面积是不大于100的")
			}
			test2(30,40)s
		</script>
	</body>
</html>

switch结构
switch结构用于将一个表达式的结果同各个选项进行比较，若找到匹配的选项，就打行匹配选项中的语句。如果没有匹配的选项，就直接执行默认选项中的语句。在Java语言中，switch结构中的表达式的值只能是char型、int型和byte型。在JavaScript中，除字符型和 number型外，还可以是字符串类型。不管哪种类型，条件的取值和表达式的值的类型必须是一致的，否则，将有语法错误。语法如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var isBuy="y"
			do{
				
			
				var num =prompt("请输入1——5之间的任意整数：")
				switch(num ){
					case "1":
					alert("可乐")	
					break;
				switch(num ){
					case "2":
					alert("雪碧")	
					break;
				switch(num ){
					case "3":
					alert("芬达")	
					break;
				switch(num ){
					case "4":
					alert("农夫山泉")	
					break;
				switch(num ){
					case "5":
					alert("冰红茶")	
					break;
					default:
					alert("没有该商品")
					break;
				}
				isBuy=prompt("是否继续购买饮料y/n")
				}while(isBuy=="y")

		</script>
	</body>
</html>

2.O函数

函数是完成特定任务的语句块，当需要重复完成某种任务时，就应该把用到的语句组织成函数。这样在JavaScript程序的任意位置都可以通过引用其名称来执行任务。程序员可以在程序中建立很多函数，这样有利于组织自己的程序结构，使代码的维护更容易。除此之外，JavaScript还提供了许多功能强大的内置函数，可以在程序的任意位置使用这些函数。这里将学习创建并调用自定义函数和几个重要的内置函数。

自定义函数及调用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简单的if语句</title>
	</head>
	<body>
		<script type="text/javascript">
			function函数名([]参数列表])
			{
				程序语句
				...
				[return 返回值;]
			}
		</script>
	</body>
</html>

函数的定义需要注意以下事项。
(1)函数名区分大小写，且不能相同。
更不能使用JavaScript 的关键字。
(2)在function关键字之前不能指定返区回值的数据类型。(3)函数定义中[]是指可选的，也就大
是说，自定义的函数可以带参数，也可以不带参
数。如果有参数，参数可以是变量、常量或表达式。自定义函数可以有返回值，也可以没
有，如果省略了return 语句，则函数返回 undefined。
(4)函数必须放在<script></script>标签签之间。
(5)函数的定义最好放在网页的<head></head>部分。
(6)定义函数时并不执行组成该函数的的代码，只有调用函数时才执行代码。示例2-11所示的代码演示了一个简单的自定义函数。