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

JS基础--条件判断(3)相关推荐

  1. [1][python基础]条件判断[4]

    [1][python基础]条件判断[4] 计算机之所以能做很多自动化的任务,因为它可以自己做条件判断. 比如,输入用户年龄,根据年龄打印不同的内容,在Python程序中,用if语句实现: age = ...

  2. 廖雪峰JS教程--条件判断

    请注意,if...else...语句的执行特点是二选一,在多个if...else...语句中,如果某个条件成立,则后续就不再继续判断了. 试解释为什么下面的代码显示的是teenager: 'use s ...

  3. python循环输入字符串_Python基础-条件判断、循环、字符串格式化

    print()用于打印内容至屏幕 print("hello") 字符串需要用单引号'或双引号"包围 a = "hello" b = 'hello' 如 ...

  4. 【Python】 [基础] 条件判断 与 循环 与dict和set

    # 条件判断 elif:  else if 的作用 注意: : [冒号] BMI =w/(h*h) if BMI<15:     print('较轻') elif BMI<25:     ...

  5. 一些基础条件判断语句

    1, 条件判断语句(If语句) 执行流程 .if语句在执行时,会先对条件表达式进行求值判断 语法 .if条件表达式: 代码块 语法 代码块中保存着一组代码,同一代码块中的代码,或者都执行,或者都不执行 ...

  6. shell基础--条件判断if和case

    目录 一.条件判断 1.按照文件类型进行判断 2.按照文件权限进行判断 3.两个文件之间进行比较 4.两个整数之间比较 5.字符串的判断 6.多重条件判断 二.if条件判断 1.单分支if条件语句 2 ...

  7. Python基础--条件判断

    条件判断 计算机之所以能做很多自动化的任务,因为它可以自己做条件判断. 比如,输入用户年龄,根据年龄打印不同的内容,在Python程序中,用if语句实现: age = 20 if age >= ...

  8. 二、Vue基础语法学习笔记——事件监听v-on、条件判断(v-if、v-else-if、v-else、v-show)、循环遍历(v-for遍历数组对象,key属性、检测数组更新)、图书案例、双向绑定

    四.事件监听 在前端开发中,我们需要经常和用于交互. 这个时候,我们就必须监听用户发生的时间,比如点击.拖拽.键盘事件等等 在Vue中如何监听事件呢?使用v-on指令 v-on介绍 作用:绑定事件监听 ...

  9. python for循环连续输入五个成绩判断等级_Python基础(1)——输入输出/循环/条件判断/基本数据类型...

    一.编程语言 1. 编译型语言:先编译,再执行 (先编译成二进制) 举例:英文书翻译成中文再看 C.C++.C# 2.解释型语言:一边执行一边编译 举例:英文书找个翻译,它翻译一行你听一行 php.j ...

最新文章

  1. Cisco热备份路由协议(HSRP) 2
  2. C 中命名空间的五大常见用法
  3. NHibernate教程(5)--CRUD操作
  4. Debian下使用OpenLDAP
  5. python 中self
  6. ALGO-84 大小写转换
  7. php为什么要有非静态方法,php中非静态方法的静态调用【解释】
  8. c语言二级考试笔试真题,全国计算机等级考试二级C语言笔试真题及答案.doc
  9. 邮件服务器pop3和imap,POP3服务器和IMAP服务器
  10. 马尔科夫模型与隐马尔科夫模型
  11. 8uftp,如何实现8uftp使用
  12. 软件测试面试题:测试报告包含哪些内容(附测试报告模板)
  13. OpenCV项目实战
  14. 运维工程师种种尴尬的瞬间情景,你有无?
  15. 计算机专业就业崩溃,计算机专业就业“遇冷说”引发争议
  16. ubuntu16 octomap安装(解决安装octomap后没有octovis问题)
  17. WAVE SUMMIT+峰会,飞桨八大亮点发布,全面助力产业智能化
  18. 微信小程序的父子组件传值
  19. SEO优化之—关键词批量查询工具
  20. 关于Windows文件读写(提高读写速度)

热门文章

  1. ubuntu系统中root的2种pip路径
  2. cannot find or load main class org.apache.flink.api.scala.FlinkShell
  3. AttributeError: module 'pymongo' has no attribute 'Connection'
  4. ubuntu18.10 cosmic更换阿里云的源
  5. Gauss-Newton算法代码详细解释(转载+自己注释)
  6. some understanding of《Improved Use of Continuous Attributes in C4.5》
  7. JEPaas【按钮隐藏】根据单据状态值决定【添加明细】【删除】按钮的隐藏和显示
  8. java内存模型---学习笔记
  9. 4 .2 .4 配置存储系统
  10. How To Make JMeter Behave More Like A Real Browser