天我們將學習 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小時內與您取得聯系。