CodeW3C verkkokurssit
HTML-sarja opetusohjeet
Selain skripti
Palvelin skripti
Ohjelmointi opetusohjeet
XML-sarja opetusohjeet
Verkkosivuston opas
Viittausopas
Oppitunnit
JS Viittausopas
JS Viittausopas (luokitusjärjestys)
JS Viittausopas (aakkosjärjestys)
JavaScript
JS Taulukko
JS Boolean
JS Luokka
JS Date
JS Error
JS Global
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Set
JS String
JS objekti
JS operaattorit
JS operaattorin prioriteetti
JS lause
JS tyypitetty taulukko
Ikkuna
Window-objekti
Ikkuna Console
Ikkuna-historia
Ikkuna-sijainti
Ikkuna-navigaattori
Ikkuna-näyttö
HTML-DOM
HTML-dokumentti
HTML-elementti
HTML-ominaisuus
HTML-tapahtuma
HTML-tapahtumaojen objekti
HTML-kokoelma
HTML-Nodelist
HTML-DOMTokenList
HTML-tyyli
Web-API
Canvas-API
Console-API
Fetch-API
Fullscreen-API
Geolocation-API
History-API
MediaQueryList-API
Tallennus-API
Tarkistus-API
Web-API
HTML-objekti
<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
range
reset
search
submit
text
time
url
week
<script>
</a></li> <li><a href="/fi/jsref/dom_obj_time.html" title="HTML DOM Time-objekti"><time></a></li> <li><a href="/fi/jsref/dom_obj_title.html" title="HTML DOM Title-objekti"><title></a></li> <li><a href="/fi/jsref/dom_obj_track.html" title="HTML DOM Track-objekti"><track></a></li> <li><a href="/fi/jsref/dom_obj_u.html" title="HTML DOM Underline-objekti"><u></a></li> <li><a href="/fi/jsref/dom_obj_ul.html" title="HTML DOM Ul-objekti"><ul></a></li> <li><a href="/fi/jsref/dom_obj_var.html" title="HTML DOM Variable-objekti"><var></a></li> <li><a href="/fi/jsref/dom_obj_video.html" title="HTML DOM Video-objekti"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/fi/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration-objekti">CSSStyleDeclaration</a></li> <li><a href="/fi/jsref/jsref_type_conversion.html" title="JavaScript-tyyppimuunnos">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/fi/howto/index.html" title="CodeW3C.com:n kikkakori">CodeW3C.com:n kikkakori</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>JavaScript if/else 语句</h1> <div class="prenextnav-ref"> <ul> <li> Edellinen sivu <a href="/fi/jsref/jsref_function.html" title="JavaScript-funktioilmaus">function</a></li> <li> Seuraava sivu <a href="/fi/jsref/jsref_let.html" title="JavaScript let-lause">let</a></li> <li> Palaa ylös <a href="/fi/jsref/jsref_statements.html" title="JavaScript lause viittausopas">JavaScript lause viittausopas</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p>if/else 语句在指定条件为真时执行代码块。如果条件为假，则可以执行另一代码块。</p> <p>if/else 语句是 JavaScript 的“条件”语句的一部分，用于根据不同的条件执行不同的操作。</p> <p>在 JavaScript 中，我们有以下条件语句：</p> <ul> <li>使用 if 指定要执行的代码块，如果指定条件为真</li> <li>使用 else 指定要执行的代码块，如果相同条件为假</li> <li>如果第一个条件为假，则使用 else if 指定要测试的新条件</li> <li>使用 switch 选择要执行的多个代码块之一</li> </ul> </div> <div> <h2>Esimerkki</h2> <p>如果当前时间 (HOUR) 小于 20:00，则在 id="demo" 的元素中输出 "Good day"：</p> <pre class="language-js"> var time = new Date().getHours(); if (time < 20) { document.getElementById("demo").innerHTML = "Good day"; } </pre> <p class="tiy"><a target="_blank" href="/fi/tiy/t.html?f=jsck_state_if">kokeile itse</a></p> <p>页面下方有更多 TIY 实例。</p> </div> <div> <h2>语法</h2> <p>if 语句指定在条件为真时要执行的代码块：</p> <pre class="language-js"> if (<i>condition</i>) { // suoritettava koodi, jos ehto on totuusarvo } </pre> <p>else -lauseke määrittää koodin, joka suoritetaan, jos ehto on epätosi:</p> <pre class="language-js"> if (condition) { // suoritettava koodi, jos ehto on totuusarvo } else { // suoritettava koodi, jos ehto on epätosi } </pre> <p>Jos ensimmäinen ehto on epätosi, else if -lauseke määrittää uuden ehdon:</p> <pre class="language-js"> if (condition1) { // suoritettava koodi, jos condition1 on totuusarvo } else if (condition2) { // suoritettava koodi, jos condition1 on epätosi ja condition2 on totuusarvo } else { // suoritettava koodi, jos condition1 on epätosi ja condition2 on epätosi } </pre> <h3>Parametrin arvo</h3> <table class="dataintable"> <tr> <th style="width:22%;">Parametri</th> <th>Kuvaus</th> </tr> <tr> <td><i>condition</i></td> <td>Välttämätön. Laskentatulos on true tai false oleva lauseke.</td> </tr> </table> </div> <div> <h2>Tekninen yksityiskohta</h2> <table class="definition-usage"> <tr> <th style="width: 22%;">JavaScript-versio:</th> <td>ECMAScript 1</td> </tr> </table> </div> <div> <h2>Lisää esimerkkejä</h2> <h3>Esimerkki</h3> <p>Jos aika on alle 20:00, luo "Good day" -tervehdys, muuten luo "Good evening":</p> <pre class="language-js"> var time = new Date().getHours(); if (time < 20) { greeting = "Good day"; } else { greeting = "Good evening"; } </pre> <p class="tiy"><a target="_blank" href="/fi/tiy/t.html?f=jsck_state_if_else_1">kokeile itse</a></p> <h3>Esimerkki</h3> <p>Jos aika on alle 10:00, luo "Good morning" -tervehdys, jos ei ole, mutta aika on alle 20:00, luo "Good day" -tervehdys, muuten luo "Good evening":</p> <pre class="language-js"> var time = new Date().getHours(); if (time < 10) { greeting = "Good morning"; } else if (time < 20) { greeting = "Good day"; } else { greeting = "Good evening"; } </pre> <p class="tiy"><a target="_blank" href="/fi/tiy/t.html?f=jsck_state_if_elseif">kokeile itse</a></p> <h3>Esimerkki</h3> <p>Jos ensimmäisen <div> -elementin id on "myDIV", muuta sen fonttikokoa:</p> <pre class="language-js"> var x = document.getElementsByTagName("DIV")[0]; if (x.id === "myDIV") { x.style.fontSize = "30px"; } </pre> <p class="tiy"><a target="_blank" href="/fi/tiy/t.html?f=jsck_state_if_id">kokeile itse</a></p> <h3>Esimerkki</h3> <p>Kun käyttäjä napsauttaa kuvaa, muuta <img>-elementin src-ominaisuuden arvoa:</p> <pre class="language-js"> <img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180"> <script> function changeImage() { var image = document.getElementById("myImage"); if (image.src.match("bulbon")) { image.src = "pic_bulboff.gif"; } else { image.src = "pic_bulbon.gif"; } } </script> </pre> <p class="tiy"><a target="_blank" href="/fi/tiy/t.html?f=jsck_state_if_else_2">kokeile itse</a></p> <h3>Esimerkki</h3> <p>Näytä viesti käyttäjän syötteestä:</p> <pre class="language-js"> var letter = document.getElementById("myInput").value; var text; // Jos kirjain on "c" if (letter === "c") { text = "Spot on! Good job!"; // Jos kirjain on "b" tai "d" } else if (letter === "b" || letter === "d") { text = "Close, but not close enough."; // Jos on muu kirjain } else { text = "Waaay off.."; } </pre> <p class="tiy"><a target="_blank" href="/fi/tiy/t.html?f=jsck_state_if_prompt">kokeile itse</a></p> <h3>Esimerkki</h3> <p>Vahvista syötetty tieto:</p> <pre class="language-js"> var x, text; // Hae id="numb"-arvon input-kentän arvo x = document.getElementById("numb").value; // Jos x ei ole numero tai se on pienempi kuin 1 tai suurempi kuin 10, tulosta "input is not valid" // Jos x on luku välillä 1-10, tulosta "Input OK" if (isNaN(x) || x < 1 || x > 10) { text = "Input not valid"; } else { text = "Input OK"; } </pre> <p class="tiy"><a target="_blank" href="/fi/tiy/t.html?f=jsck_state_if_else_3">kokeile itse</a></p> </div> <div> <h2>selain tukee</h2> <table class="browser-support"> <tr> <th class="bsTh">lause</th> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>if/else</td> <td>Tuki</td> <td>Tuki</td> <td>Tuki</td> <td>Tuki</td> <td>Tuki</td> </tr> </table> </div> <div> <h2>Liittyvät sivut</h2> <p>JavaScript-opas:<a href="/fi/js/js_if_else.html" title="JavaScript if else ja else if">JavaScript If...Else-lause</a></p> <p>JavaScript-opas:<a href="/fi/js/js_switch.html" title="JavaScript Switch-lause">JavaScript Switch-lause</a></p> </div> <div class="prenextnav-ref"> <ul> <li> Edellinen sivu <a href="/fi/jsref/jsref_function.html" title="JavaScript-funktioilmaus">function</a></li> <li> Seuraava sivu <a href="/fi/jsref/jsref_let.html" title="JavaScript let-lause">let</a></li> <li> Palaa ylös <a href="/fi/jsref/jsref_statements.html" title="JavaScript lause viittausopas">JavaScript lause viittausopas</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Työkalupakka </center><h3> <h5 id="tools_reference"><a href="/fi/jsref/index.html">JavaScript ja HTML DOM viittausopas</a></h5> <h5 id="tools_example"><a href="/fi/js/js_examples.html">JavaScript-esimerkkejä</a></h5> <h5 id="tools_quiz"><a href="/fi/js/js_quiz.html">JavaScript-kyselyt</a></h5> <h5 id="tools_tutorial"><a href="/fi/js/index.html">JavaScript-opas</a></h5> </div> <div><h3><center> Sponsoroitu linkki </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com tarjoaa sisältöä koulutusta ja testausvarten, ei takaa sisällön oikeellisuutta. Käyttämällä tätä verkkosivustoa aiheutuvat riskit eivät ole verkkosivuston vastuulla. Kaikki oikeudet pidätetään. </p> <p id="p2"> <a href="/fi/about/index.html" title="Tietoja CodeW3C.comista">Tietoja CodeW3C.comista</a> <a href="/fi/about/about_helping.html" title="Apua CodeW3C.comista">Apua CodeW3C.comista</a> <a href="/fi/about/about_use.html" title="Käyttötiedot">Käyttöehdot</a> <a href="/fi/about/about_privacy.html" title="Tietosuoja">Tietosuojalauseke</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Voimaannut Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>