javascript中判断，选择，循环语句

最新推荐文章于 2023-03-06 20:03:08 发布

schy_hqh

最新推荐文章于 2023-03-06 20:03:08 发布

阅读量163

点赞数

分类专栏： WEB前端@javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/schy_hqh/article/details/84486049

版权

WEB前端@javascript 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
	<script type="text/javascript">
		
		/*
		javascript中的语句
		1.顺序结构
		2.判断结构  if else  
		3.循环结构 for while
		4.选择结构 switch
		5.其它  break; continue;
		*/
		
		//判断：if... else if...  else...
		var x=3;
		if(x>3) {
			alert(x+">3");
		} else if(x==3) {
			alert(x+"==3");
		} else {
			alert(x+">3");
		}
		
		
		//选择：switch javascript支持对字符串和数字进行选择
		//注意：使用switch语句时，如果case后不跟break，将发生case穿透，其后的代码都会执行，直到遇到break时才终止
		var str = "bbb";
		switch(str) {
			case "aaa": 
				alert("aaa");break;
			case "bbb": 
				alert("bbb");break;
			case "ccc": 
				alert("ccc");break;
			default:
				alert("other situation");
		}
		
		//循环 for()  while()  do while()
		var count = 1;
		while(count < 5) {
			count++;
			//将内容直接往页面写，替代alert语句进行调试
			document.write("count="+count);
			document.write("<br/>");
		}
		
		for(var i=0; i<3; i++) {
			document.write(i);
			document.write("<br/>");
		}
		
		//打印99表，由于javascript中诶有制表符，可以直接使用table表格处理格式
		document.write("<br/><font color='red'>打印99乘法表</font><br/>");
		document.write("<table>");
		for(var i=1; i<=9; i++) {
			document.write("<tr>");
			for(var j=1; j<=i; j++) {
				document.write("<td>");
				document.write(j+"*"+i+"="+(i*j));
				document.write("</td>");
			}
			document.write("<tr>");
		}
		document.write("<table/>");
	</script>
	
	<style type="text/css">
		table, table td {
			border: #0000ff solid 1px;
			width: 600px;
		}	
	</style>
</head>
<body>

</body>
</html>