整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

七爪源码:跟我学 JavaScript - Java

七爪源码:跟我学 JavaScript - JavaScript(JS) 中的 If-Else

天我们将学习 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>

相对比较简单,对于初学者应该有很好的帮助!请关注键盘码农。后期继续更新,如有什么看法请在下方评论。第一时间为您解答哦!