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
JS基础--条件判断(3)相关推荐
- [1][python基础]条件判断[4]
[1][python基础]条件判断[4] 计算机之所以能做很多自动化的任务,因为它可以自己做条件判断. 比如,输入用户年龄,根据年龄打印不同的内容,在Python程序中,用if语句实现: age = ...
- 廖雪峰JS教程--条件判断
请注意,if...else...语句的执行特点是二选一,在多个if...else...语句中,如果某个条件成立,则后续就不再继续判断了. 试解释为什么下面的代码显示的是teenager: 'use s ...
- python循环输入字符串_Python基础-条件判断、循环、字符串格式化
print()用于打印内容至屏幕 print("hello") 字符串需要用单引号'或双引号"包围 a = "hello" b = 'hello' 如 ...
- 【Python】 [基础] 条件判断 与 循环 与dict和set
# 条件判断 elif: else if 的作用 注意: : [冒号] BMI =w/(h*h) if BMI<15: print('较轻') elif BMI<25: ...
- 一些基础条件判断语句
1, 条件判断语句(If语句) 执行流程 .if语句在执行时,会先对条件表达式进行求值判断 语法 .if条件表达式: 代码块 语法 代码块中保存着一组代码,同一代码块中的代码,或者都执行,或者都不执行 ...
- shell基础--条件判断if和case
目录 一.条件判断 1.按照文件类型进行判断 2.按照文件权限进行判断 3.两个文件之间进行比较 4.两个整数之间比较 5.字符串的判断 6.多重条件判断 二.if条件判断 1.单分支if条件语句 2 ...
- Python基础--条件判断
条件判断 计算机之所以能做很多自动化的任务,因为它可以自己做条件判断. 比如,输入用户年龄,根据年龄打印不同的内容,在Python程序中,用if语句实现: age = 20 if age >= ...
- 二、Vue基础语法学习笔记——事件监听v-on、条件判断(v-if、v-else-if、v-else、v-show)、循环遍历(v-for遍历数组对象,key属性、检测数组更新)、图书案例、双向绑定
四.事件监听 在前端开发中,我们需要经常和用于交互. 这个时候,我们就必须监听用户发生的时间,比如点击.拖拽.键盘事件等等 在Vue中如何监听事件呢?使用v-on指令 v-on介绍 作用:绑定事件监听 ...
- python for循环连续输入五个成绩判断等级_Python基础(1)——输入输出/循环/条件判断/基本数据类型...
一.编程语言 1. 编译型语言:先编译,再执行 (先编译成二进制) 举例:英文书翻译成中文再看 C.C++.C# 2.解释型语言:一边执行一边编译 举例:英文书找个翻译,它翻译一行你听一行 php.j ...
最新文章
- Cisco热备份路由协议(HSRP) 2
- C 中命名空间的五大常见用法
- NHibernate教程(5)--CRUD操作
- Debian下使用OpenLDAP
- python 中self
- ALGO-84 大小写转换
- php为什么要有非静态方法,php中非静态方法的静态调用【解释】
- c语言二级考试笔试真题,全国计算机等级考试二级C语言笔试真题及答案.doc
- 邮件服务器pop3和imap,POP3服务器和IMAP服务器
- 马尔科夫模型与隐马尔科夫模型
- 8uftp,如何实现8uftp使用
- 软件测试面试题:测试报告包含哪些内容(附测试报告模板)
- OpenCV项目实战
- 运维工程师种种尴尬的瞬间情景,你有无?
- 计算机专业就业崩溃,计算机专业就业“遇冷说”引发争议
- ubuntu16 octomap安装(解决安装octomap后没有octovis问题)
- WAVE SUMMIT+峰会,飞桨八大亮点发布,全面助力产业智能化
- 微信小程序的父子组件传值
- SEO优化之—关键词批量查询工具
- 关于Windows文件读写(提高读写速度)
热门文章
- ubuntu系统中root的2种pip路径
- cannot find or load main class org.apache.flink.api.scala.FlinkShell
- AttributeError: module 'pymongo' has no attribute 'Connection'
- ubuntu18.10 cosmic更换阿里云的源
- Gauss-Newton算法代码详细解释(转载+自己注释)
- some understanding of《Improved Use of Continuous Attributes in C4.5》
- JEPaas【按钮隐藏】根据单据状态值决定【添加明细】【删除】按钮的隐藏和显示
- java内存模型---学习笔记
- 4 .2 .4 配置存储系统
- How To Make JMeter Behave More Like A Real Browser