一、循环语句

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. MongoDB 安装和可视化工具
			
    MongoDB 是一款非常热门的NoSQL,面向文档的数据库管理系统,官方下载地址是:MongoDB,博主选择的是 Enterprise Server (MongoDB 3.2.9)版本,安装在Win ...
    
			
    2. 
						
  2. OleDb Source component 用法
			
    OleDb Source component 主要是从DB中获取数据,传递给下游组件,OleDb Source component的强大之处在于 query data 的mode有四种,如图 Tabl ...
    
			
    3. 
						
  3. Socket实现仿QQ聊天（可部署于广域网）附源码（4）-加入数据库系统搭建完成
			
    1.前言 这是本系列的第四篇文章,上一篇我们讲到实现了客户端对客户端的抖屏与收发各种类型文件,本篇文章我们加入SQLServer数据库实现登录与好友的添加等功能,并对界面做了美化处理.向往常一样我会把 ...
    
			
    4. 
						
  4. SQL Server 跨网段（跨机房）复制
			
    一.本文所涉及的内容(Contents) 本文所涉及的内容(Contents) 背景(Contexts) 解决方案(Solution) 搭建过程(Process) 注意事项(Attention) 参考 ...
    
			
    5. 
						
  5. 【Win10 应用开发】OCR识别
			
    OCR,即Optical Character Recognition,光学字符识别.以下介绍来自搜索: OCR(Optical Character Recognition,光学字符识别)是指电子设备( ...
    
			
    6. 
						
  6. Android音视频之MediaPlayer音视频播放
			
    前言: 昨天总结了视频录制,今天来学习一下视频的播放,Android的视频播放主要采用MediaPlayer类. MediaPlayer介绍 MediaPlayer类可用于控制音频/视频文件或流的播放 ...
    
			
    7. 
						
  7. ASP.NET Core的配置（2）：配置模型详解
			
    在上面一章我们以实例演示的方式介绍了几种读取配置的几种方式,其中涉及到三个重要的对象,它们分别是承载结构化配置信息的Configuration,提供原始配置源数据的ConfigurationProvi ...
    
			
    8. 
						
  8. 窥探Swift之数组安全索引与数组切片
			
    今天是元宵节,祝大家元宵节快乐!在Swift中的数组和字典中下标是非常常见的,数组可以通过索引下标进行元素的查询,字典可以通过键下标来获取相应的值.在使用数组时,一个常见的致命错误就是数组越界.如果在 ...
    
			
    9. 
						
  9. 1Z0-053 争议题目解析688
			
    1Z0-053 争议题目解析688 考试科目:1Z0-053 题库版本:V13.02 题库中原题为: 688.Which two statements are true about the compr ...
    
			
    10. 
						
  10. TCP的阻塞和重传机制
			
    TCP的阻塞和重传机制 网络拥堵 现在网络上大部分的网络请求都是以TCP的方式进行传输的了.网络链路是固定的,各种链路情况也是不一样的.网络拥堵一直是TCP协议设计和使用的时候尽力要避免的.比如,从T ...
    
			
    11.