JS学习循环的学习

最新推荐文章于 2024-06-11 15:52:23 发布

sfshine

最新推荐文章于 2024-06-11 15:52:23 发布

阅读量663

点赞数

分类专栏： HTML/JS/CSS

本文链接：https://blog.csdn.net/sfshine/article/details/8567428

版权

HTML/JS/CSS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

感觉知识都是以前的但是老师的思想很重要:

1.像神舟飞船上天是个很难的事情,但是工程师都是把困难分成很多很小的部分一点一点解决最后完成的

2.如同锻炼身体在你最累的时候再坚持一小时你的肌肉才会有否则没有学习也是这样在最痛苦之后才能学到真本事

打印金字塔

打印空心金字塔

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<script type="text/javascript">

	//输出一半金字塔
	/*
		*      1->一个*
		**     2->2个*
		***
		****
		*****

		   	*    1->1*    (1-1)*2+1=1   空格  2  总层数-当前层数=3-1=2
		   ***   2->3*    (2-1)*2+1=3   空格  1  总层数-当前层数=3-2=1
          *****  3->5*    (3-1)*2+1=5   空格  0  总层数-当前层数=3-3=0

		  空心 分析
		  *     第一层 输出*
         * *    中间层: 只输出两边的*,空间输出空格   思路---->代码
		*****   最后一层 输出输出*
		
		  菱形
		  *
         ***
        *****
		 ***
		  * 
        
	*/

	//n变量表示层数
	var n=10;
	for(var i=1;i<=n;i++){
		
		//输出空格
		for(var k=1;k<=n-i;k++){
			document.write(" ");
		}

		for(var j=1;j<=(i-1)*2+1;j++){
		    //这里需要思考，什么时候输出*,什么时候输出空格
			if(i==1 || i==n){
				document.write("*");
			}else{
				//中间层..
				if(j==1 || j==(i-1)*2+1){
					document.write("*");
				}else{
					document.write(" ")
				}
			}
		}
		document.write("<br/>");
	}

</script>
</head>
<html>

js的调试方法 ie8为例

调式步骤:

① 先打开开发人员工具->脚本

② 下断点–》点击启动调试

③ 刷新页面，进入调试状态

④

f11->一行一行执行

f10-> 跳过一个函数继续执行(相当于把一个函数当做一个语句执行)

shift+f11->跳出函数(好像都差不多)

通过逐行调试，我们可以看到局部变量变化情况.