天我们将学习 If-Else
假设您要执行一项任务,或者您希望仅在特定条件为真时才运行一段代码。
假设你想出去,如果不下雨。 在这里你的任务是出去,你的条件是“如果不下雨”
同样,如果您希望在特定条件返回 true 时运行代码块,那么我们使用 if 语句。
如果你想在第一个条件返回 false 的情况下运行另一个代码块,那么我们使用 else 语句。
假设我们只想在 a>b 时才显示此文本:-
但是如果 b>a 那么:-
您的代码中可以有递归语句,也可以有多个 if else 语句。
额外的
您可以使用替代语法(即三元运算)缩短 if-else 代码
而不是使用上面的代码,你可以把它写成:-
如果是一行,则由您决定 if-else 代码的范围:-
谢谢阅读
关注七爪网,获取更多APP/小程序/网站源码资源!
程控制,是任何一门编程语言都有的一个语法。
如果你学习C语言,或者学过C#、Java等,应该对“流程控制”很熟悉。
所谓的流程控制,指的是控制程序按照怎样的顺序执行。
在JavaScript中,共有三种流程控制方式(其实任何语言也都只有这三种啦)。
顺序结构
选择结构
循环结构
顺序结构
在JavaScript中,顺序结构是最基本的结构。所谓顺序结构,
就是代码按照从上到下、从左到右的“顺序”执行,
举例:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script>
var str1="绿叶学习网";
var str2="JavaScript";
var str3=str1 + str2;
document.write(str3);
</script>
</head>
<body>
</body>
</html>
果您觉得该文章对您有帮助,让更多人受用,请关注“键盘码农”,转发该文章。谢谢您的支持!
今天跟大家写了一份js的联动全选的源码,代码少,清晰易懂。
效果是这样的:
点击全选下面的就会被全部全选,或者下面的被一一选择,全选按钮也会被选中。运用复选框来实现的联动全选的功能。
点击上面的复选框就会被全选
Javascript:联动全选
当下放的复选框没有被全选,最上面的全选按钮未被选中
复选框联动全选js代码实现:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript">
window.onload=function ()
{
var oBtn1=document.getElementById('btn1');
var oBox=document.getElementById('box');
var oInputs=oBox.getElementsByTagName('input');
oBtn1.onclick=function ()
{
if (oBtn1.checked==true) {
for (var i=0; i < oInputs.length; i++) {
oInputs[i].checked=true;
}
} else {
for (var i=0; i < oInputs.length; i++) {
oInputs[i].checked=false;
}
}
}
//点击每一个input框
for (var i=0; i < oInputs.length; i++) {
oInputs[i].onclick=function ()
{
var n=0;
for (var i=0; i < oInputs.length; i++) {
if (oInputs[i].checked==true) {
n++;
}
}
if (n==oInputs.length) {
oBtn1.checked=true;
} else {
oBtn1.checked=false;
}
}
}
}
</script>
</head>
<body>
<h1>全选/全不选</h1>
<input type="checkbox" id="btn1">
<div id="box">
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
</div>
</body>
</html>
相对比较简单,对于初学者应该有很好的帮助!请关注键盘码农。后期继续更新,如有什么看法请在下方评论。第一时间为您解答哦!
*请认真填写需求信息,我们会在24小时内与您取得联系。