JS基础--条件判断(3)

1.  

  if(条件){ //条件成立走代码体,不成立跳过;
    代码体;
  } // 当只做一个条件判断,并且只走一个代码体时,使用这种;
2.

  if(条件){ //条件成立走,代码体1,不成立走else里的
    代码体2;
    代码体1;
  }else{
    代码体2
  } //当做一个条件判断,并且有两种方法时,可以使这种;
3.

  if(条件1){ //哪个条件成立走哪个代码体,否则走代
    码体5;
    代码体1
  }else if(条件2){
    代码体2
  }else if(条件3){
    代码体3
  }else if(条件4){
    代码体4
  }else{
    代码体5
  }
//当遇到多个条件的判断时,使用这种;

/*注*/
当遇到没有能做判断条件时,可以创造一个开关的方式 ,来手动创造一个条件进行判断;
  例:<img src = "img/1.jpg"/>
img中的src是不可以做为条件判断的;
  var flag =true; //创造一个开关:boolean值:true 真
(1)----false假(0)
  if(flag){//当flag 为真时,进入到下面的代码体中; 并将flag的值改为false;
    oImg.src="img/3.jpg";
    flag=false; //将flag改为false
  }else{//当flag 为 false时,进入到下面的代码体中; 并将flage的值改为true;
    oImg.src = "img/1.jpg";
   }

三.js中的数组
数组:相当于是一个仓库,可以存放各种值。
例:
  var arr = [1,2,3,4,5,6] //这里存放的是数字类型的,当然也可以存在其它类型(如:字符串,数字,标签...)都用“,”号隔开。

  数组是从0开始数,也就是下标从0开始;
例:查找某一个数组:
  arr[0] //查找第一个数,输入1查找第二个数,依次向下找。其中,有很多方法可以对数组里面的数据进行操作。

1.arr.length: 获取数据的长度;(一般找最后一个,直接使用长度-1,就是代表最后一个数)
  例:arr.length-1 ; //得到的是最后一个数

2.arr.push(); //往数组中添加数据;
  例:arr.push(7); //添加一个7,到数组中;

四.js-for应用
1>获取元素的第二种方法:
document.getElementById('ID名');//找一个标签...(静态方法);
document.getElementsByTagName('标签名');//找页面中所有的标签;(动态方法)
注:在用TagName的时候,必须要加"[]";因为返回的
是一个集合,类似于数组的东西;

document.getElementById与
document.getElementsByTagName 之间的区别:
  1.getElementById前面只可以跟document;而getElementsByTagName前面既可以跟document,也可以跟其它的变量;
  2.getElementById只有找到一个元素;而getElementsByTagName找到的是一组元素,类似数组的集合;
  3.getElementById是静态的;如果页面中没有id,就找不到;而getElementsByTagName是动态的,如果页面中没有,而动态添加过,就可以找到;

----循环----
for (var i=0;i<10;i++) {
  循环体
}
循环步骤:
第一步:将变量i赋值为0;(当然赋值为几都可以,具体看自己的需要,开发中,一般都是0;)
第二步:判断i<10; 是否为真,i是否小于10;
第三步:判断为真后,走下面的循环体里面的代码;
第四步:走完循环体的代码后,走i++;把之前i的值自加(也就是加1);
第五步:把自加完的i,再进行判断i<10是否为真;为真继续走1--4步;依次类堆;当判断到i<10为假时(也就是i大于10),这时循环结束,跳出循环;

----循环套循环----
for (var i =0;i<10;i++) {
  for (var j =0; j <10;j++) {
    循环体
  }
}
循环方法:
最外面的循环判断为真后,走里面的循环;
里面的循环全部循环判断,走完了,再回到外面继续判断循环;依次类堆;
总的说就是:外面循环走一次,里面循环都走完;

------自定义属性------
什么是自定义属性:是指标签本身没有的属性,需要自己定义属性;

创建方法:
//获取div标签
  var oDiv = document.getElementById('div');
//获取到相应的标签,直接点一个自己想要的属性;
  oDiv.abc = 123;//自定义属性值的类型,可以自己设定;

原文地址:https://www.cnblogs.com/nemoDuoo/p/4560331.html