一、循环语句

1.for循环

下面是 for 循环的语法：

for (语句 1; 语句 2; 语句 3)
  {
  被执行的代码块
  }

语句 1 在循环（代码块）开始前执行

语句 2 定义运行循环（代码块）的条件

语句 3 在循环（代码块）已被执行之后执行

2.for-in语句

for-in语句是一种精准的迭代语句，可以用来枚举对象的属性。

下面是for-in语句的语法：

for(property in expression) statement

demo:

for(var propName in window){

　　document.write(propName);

}

3.while语句

While 循环会在指定条件为真时循环执行代码块。

语法

while (条件)
  {
  需要执行的代码
  }
 i=0;
    while(i<10){
        document.write("这是第"+i+"个数!<br>");
        i++;
    }

4.do-while语句

该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。

语法

do
  {
  需要执行的代码
  }
while (条件);
  i=0;
    do{
    document.write("这是第"+i+"个数!<br>");
        i++;
    }
    while(i<10);

二、函数

总共有三种函数定义的方式

【1】函数声明语句

　　使用function关键字，后跟一组参数以及函数体

function funcname([arg1 [,arg2 [...,argn]]]){
    statement;
}

【2】函数定义表达式

　　以表达式方式定义的函数，函数的名称是可选的

var functionName = function([arg1 [,arg2 [...,argn]]]){
    statement;
}

var functionName = function funcName([arg1 [,arg2 [...,argn]]]){
    statement;
}

【3】Function构造函数

　　Function构造函数接收任意数量的参数，但最后一个参数始终都被看成是函数体，而前面的参数则枚举出了新函数的参数

var functionName = new Function(['arg1' [,'arg2' [...,'argn']]],'statement;');

作业：

1.99乘法表

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="UTF-8">
         <title></title>
         <script type="text/javascript">
         for(var i=1;i<=9;i++){
             for(var j=1;j<=i;j++){
                 sum=j*i;
                 document.write("<span>"+j+"*"+i+"="+ sum+"</span>");
             }
             document.write("<br>");
         }
         </script>
         <style type="text/css">
             span{
                 color: red;
                 display: inline-block;
                 padding: 10px;
                 margin: 5px;
                 font-size: 20px;
                 border: medium solid #FF0000;
                 transition: all 1s ease;
             }
             span:hover{
                 padding:30px;
             }
         </style>
     </head>
     <body>
     </body>
 </html>

2.国际象棋的棋盘

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="UTF-8">
         <title></title>
         <script type="text/javascript">
         function cc(isB){
     document.write('<div style="background:'+(isB ? "black" : "white")+';width:30px;height:30px;float:left;"></div>');
 }
 for(var i = 0;i<8;i++){
     for(var j=0;j<8;j++){
         if(j==0){
             document.write('<div style="clear:both;"></div>');
         }
         if(i%2==0){
             if(j%2==0){
                 cc(true);
             }else{
                 cc();
             }
         }else{
             if(j%2!=0){
                 cc(true);
             }else{
                 cc();
             }
         }
     }
 }
         </script>
     </head>
     <body>
     </body>
 </html>

												


											
#9.5课堂JS总结#循环语句、函数的更多相关文章
	

    
								
  1. Vue.js：循环语句
		
    ylbtech-Vue.js:循环语句 1.返回顶部 1. 循环语句 循环使用 v-for 指令. v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且  ...
    
		
    2. 
						
  2. python 循环语句   函数   模块
		
    python循环语句 while循环语法结构 当需要语句不断的重复执行时,可以使用while循环 while expression: while_suite 语句ehile_suite会被连续不断的循 ...
    
		
    3. 
						
  3. 第十篇:vue.js for循环语句(大作业进行时)
		
    Vue.js 循环语句 <div id="app"> <ol> <li v-for="site in sites"> /*f ...
    
		
    4. 
						
  4. JS之 if语句函数 对接事件动作 函数更改css  css对接需要换妆的区id或class
		
      if 函数的实现步骤: function +名字() 指定id , 指定开关(display: none or block) if + else 构成逻辑 控制开关 决定在哪里安置一个灯泡, 指定 ...
    
		
    5. 
						
  5. js之循环语句
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    6. 
						
  6. JS基础循环语句练习
		
    最近这几天一直在做题做题做题,很恶心,很头疼,都快吐了,但是自己的逻辑还是初见成效的,很久不动脑了,有点锈住了,大家也一起来开发下自己的大脑 有关简单排序的小循环 <script> var ...
    
		
    7. 
						
  7. 初学Java scirpt（判断、循环语句）
		
    在编写代码时,我们经常需要为不同的判断结果来执行不同的动作以及需要反复执行同一段代码,这时我们就需要使用判断和循环语句来实现. 1.判断语句(if) 判断语句经常用的有(if......else).( ...
    
		
    8. 
						
  8. 前端笔记知识点整合之JavaScript（三）关于条件判断语句、循环语句那点事
		
      一.条件分支语句 条件分支语句,也叫作条件判断语句,就是根据某种条件执行某些语句,不执行某些语句. JS中有三种语法是可以表示条件分支的 1.1 if……else…… 条件分支的主力语法,这个主力 ...
    
		
    9. 
						
  9. 前端笔记之JavaScript（三）关于条件判断语句、循环语句那点事
		
    一.条件分支语句 条件分支语句,也叫作条件判断语句,就是根据某种条件执行某些语句,不执行某些语句. JS中有三种语法是可以表示条件分支的 1.1 if……else…… 条件分支的主力语法,这个主力语法 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Uiautomator 2.0之BySelector类学习小记
			
    1. BySelector与By静态类 1.1 BySelector类为指定搜索条件进行匹配UI元素, 通过UiDevice.findObject(BySelector)方式进行使用. 1.2 By类 ...
    
			
    2. 
						
  2. php安装的一点点事 ---wampserver
			
    安装wampserver后,需要配置一些文件 1. 首先修改httpd.conf <Directory /> Options FollowSymLinks AllowOverride No ...
    
			
    3. 
						
  3. C# 获取当前月第一天和最后一天 计算两个日期差多少天
			
    获取当前月的第一天和最后一天 DateTime now = DateTime.Now; DateTime firstDay = ); DateTime lastDay = firstDay.AddMo ...
    
			
    4. 
						
  4. android标题栏上面弹出提示框(二) PopupWindow实现,带动画效果
			
    需求:上次用TextView写了一个从标题栏下面弹出的提示框.android标题栏下面弹出提示框(一) TextView实现,带动画效果,  总在找事情做的产品经理又提出了奇葩的需求.之前在通知栏显示 ...
    
			
    5. 
						
  5. SubSonic3.0 Demo1.0——应用了T4模版可减少开发过程中70%以上的代码量以及80%以上的出错率
			
    应网友的要求,抽了点时间写了这个Demo,希望对2.2版想升级到3.0的朋友或正在使用3.0的朋友有所帮助.大家在使用Demo过程中如果发现什么问题或有什么建议,可以直接将Bug提交给我或告诉我,我会 ...
    
			
    6. 
						
  6. 利用Eclipse使用Java OpenCV（Using OpenCV Java with Eclipse）
			
    最近在上计算机视觉这门课程用到了OpenCV,于是找到了"Using OpenCV Java with Eclipse"这篇博文,是英文的,我将它翻译如下与大家分享 正文: 从2. ...
    
			
    7. 
						
  7. 记录一则ORA-00054,ORA-00031解决过程
			
    生产环境:AIX 5.3 + Oracle 10.2.0.5 任务要求:普通表改造分区表,历史数据不要   这个需求很简单: pl/sql导出建表语句,依次修改成分区的建表语句,注意将索引修改成本地索 ...
    
			
    8. 
						
  8. jQuery-1.9.1源码分析系列（三） Sizzle选择器引擎——总结与性能分析
			
    Sizzle引擎的主体部分已经分析完毕了,今天为这部分划一个句号. a. Sizzle解析流程总结 是时候该做一个总结了.Sizzle解析的流程已经一目了然了. 1.选择器进入Sizzle( sele ...
    
			
    9. 
						
  9. 细说ASP.NET Core静态文件的缓存方式
			
    一.前言 我们在优化Web服务的时候,对于静态的资源文件,通常都是通过客户端缓存.服务器缓存.CDN缓存,这三种方式来缓解客户端对于Web服务器的连接请求压力的. 本文指在这三个方面,在ASP.NET ...
    
			
    10. 
						
  10. Hibernate —— HQL、QBC检索方式
			
    一.HQL 检索方式 以双向的一对多来测试 HQL 检索方式.以 Department 和 Employee 为例. 建表语句: CREATE TABLE department ( dept_id ) ...
    
			
    11.