JavaScript

javascript(五)

for循环

  • 什么时候使用for循环？
  • 当我们需要同时处理一组数据得时候，就需要使用循环
  • 需要什么？
  1. 起始值
  2. 判断条件
  3. 执行语句
  4. 自增
  • 写法： 
1
2
3
4
5
6
7
8
9
for(var i = 0;i<10;i++){
console.log(i);
}


var i = 0;//i是一个数字变量,循环变量
for(i;i<5;i++){
console.log(i);
}
  • 当变量的判断条件永远成立得时候，这个循环就会变成一个死循环。
  • 循环变量再for循环结束之后一样调用，不过调用得值是for循环不符合条件之后得值。
  • 当判断条件不成立时，循环就结束了。

this

  • 在事件函数中this代表触发当前事件的元素。
  • 在所有非事件函数中this指向window。
  • 谁调用这个函数，this就指向谁。
  • 函数执行的时候都属于window调用

思路解析

  1. 点击当前div，删除其他div的颜色，给当前点击元素换背景。

  • 1.全部清空法：

    1
    当我们在事件中需要知道当前事件的这个元素是一组中的第几个的时候，添加索引值。

  • 2.索引

  1. V字形生成思路
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    1.获取外面的盒子
    2.点击事件
    3.生成五个div
    4.写变量l,t,w,h,
    5.判断他是先自增还是先自减
    6.设置dis值是正负
    7.判断拐点。
    9.inner+= 赋值
    10.innerHTML 赋值。
    11.设置top和left值。