循环语句

• for循环
• 语法：
  for（变量初始化;条件判断; 条件变化）{
  循环体代码（当条件成立true的时候循环执行这里的代码）;
  }
• 例子：
  for (var i=0;i<执行的次数;i++)
  {
  需要执行的循环体代码
  }
• 执行顺序：
  1.首先执行变量初始化（i=0）
  2.条件判断（把变量限定了一个范围，i<执行的次数）
  3.如果条件成立，执行循环体代码
  4.条件变化，变量自增【自减】（i++）
  5.继续判断条件是否成立，如果成立代码继续循环
  6.当判断不成立的时候，结束循环
• while循环
• 语法：
  变量初始化；
  while（条件表达式）{
  循环体代码；
  }
• 执行顺序：
  1. 首先执行变量初始化
  2. 判断条件，如果条件满足，那么循环体中的代码一直执行；如果条件不满足，循环体中的代码不在执行。
• do/while 循环
• 语法：
  do{
  循环体中的代码
  }while(判断的条件);
• 例子：
  var a = 5;
  do{
  console.log(a);
  a--;
  //结束循环条件
  }while (a);
• 执行顺序：
  1.首先要执行do中的循环体代码
  2.判断条件，如果条件满足，循环体中的代码继续执行，如果条件不满足，do中的循环体代码不再执行。

循环语句中的break和continue

• break和continue只出现在循环体或者switch中
• break:
  遇到break立即跳出循环体，结束循环
• continue:
  遇到continue跳出本次循环，继续下一次循环（当程序执行完continue语句后，后面的代码不会执行。）

函数

• 函数的定义：函数是一段具备特定功能的代码段

• 函数语法:
  fonction 自定义函数名称(参数【也可以说是变量的名称】) {
  函数体（需要执行的代码）
  }

    //调用函数：
    直接写自定义的函数名()      
  

• 函数的种类:

• 无参无返回值:
  例子：
  function printRose()
  {
  console.log(" @");
  console.log("\|/");
  console.log(" |");
  }
  printRose();

• 无参有返回值
  例子：
  function test() {
  return "123";
  }
  var result2 = test();
  console.log(result2);

• 有参无返回值
  例子：
  function printRose(number)
  {
  for(var i=0; i < number; i++){
  console.log(" @");
  console.log("\|/");
  console.log(" |");
  }
  }
  printRose(2);

• 有参有返回值
  例子：
  function sum(a,b)
  {
  return a + b;
  }
  var result = sum(12,4) + 10;
  console.log(result);

  • 返回值：当函数执行完毕的时候，如果想得到一个结果，那么用return返回，用return返回的值就是函数
  • 参数写在（）中，参数也是表示符，它就是一个变量
    参数在函数调用的时候赋值

变量的作用域

• 局部变量：
• 定义：函数内部声明的变量
• 特点：
  1.只能在函数内部访问它
  2只要函数运行完毕，局部变量就会被删除。
• 总结：
  所以可以在不同的函数中使用名称相同的局部变量
  ，因为只有声明过该变量的函数才能识别出该变量
• 全局变量：
• 定义:在函数外声明的变量是全局变量
• 特点：网页上的所有脚本和函数都能访问它

js的体验

• js控制样式
• 什么是dom
  • 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）
  • HTML DOM 模型被构造为对象的树
• 什么是对象
  • 先理解为：封装很多功能的功能组
• 实现：document.getElementById("ID");
• js控制结构
  var box = document.getElementById("ID");
  box.innerHTML = "<p>XXX</p>";

事件

• 事件三要素
• 1.事件源
• 2.事件（一般情况下是动词：鼠标单击、鼠标双击、按下并释放键盘上的一个按键......）
• 3.事件处理程序
• 例子：
  事件源.事件 = 事件处理程序
  var dom = document.getElementById("box");
  // 事件源.事件 = 函数
  // console.log(dom);
  // onclick点击事件 js事件都是以on开头
  dom.ondblclick = function () {
  dom.style.backgroundColor = "green";
  }
• 常见的事件有：
  onclick 鼠标单击
  ondblclick 鼠标双击
  onchange 文本内容或下拉菜单中的选项发生改变
  onfocus 获得焦点，表示文本框等获得鼠标光标。
  onblur 失去焦点，表示文本框等失去鼠标光标。
  onmouseover 鼠标悬停，即鼠标停留在图片等的上方
  onmouseout 鼠标移出，即离开图片等所在的区域
  onload 网页文档加载事件
  onunload 关闭网页时
• 总结：事件源.事件 = function(){ 事件处理程序}

入口函数

• JavaScript书写位置的区别
• window.onload（当整个文档加载完以后调用）

数组

• 什么是数组？
• 数组对象用来在单独的变量名中存储一系列的值。
• 如何定义一个数组？
• 方式一：我们使用关键词 new 来创建数组对象
  var myArray=new Array()
• 方式二：var myArray = [];

变量补充（变量自增自减）

• 写法：
  var i=10；
  1. i++
     如果把i++的值赋值给一个变量，那么该变量的值等于i增加1之前的值（先赋值后计算）
  2. ++i
     如果把++i赋值给一个变量，那么该变量的值等于i增加1之后的值（先计算后赋值）
• 总结:i++ 与 ++i 最后都是让i增加1
• 自减同自增