Vezérlési utasítások olyan utasítások, amelyek lehetővé teszik a programkód végrehajtásának vezérlését. Általában a vezérlő utasításban lévő végrehajtható kódot az utasítás törzsének nevezik.
A vezérlési utasítások beágyazhatók vagy használhatók más vezérlő utasításokba.
Feltételes kijelentések
Alapértelmezés szerint a JavaScript értelmező egymás után hajtja végre az utasításokat a megjelenés sorrendjében forráskód... Azokban az esetekben, amikor egyes utasítások végrehajtásának vagy nem teljesítésének egy bizonyos feltétel teljesülésétől vagy nem teljesülésétől kell függnie, feltételes utasításokat használnak.
Ha nyilatkozat
Az if utasításnak két alakja van. Az első űrlap szintaxisa a következő:
A zárójelben lévő kifejezést ún teljesítésének feltétele ha állítások vagy feltételes röviden. Először a kifejezés értéke kerül kiértékelésre. A kapott értéket, ha szükséges, implicit módon logikai típussá alakítjuk. Ha a kifejezés kiértékelése igaz, akkor az utasítás végrehajtásra kerül. Ha a kifejezés false értéket ad vissza, akkor az utasítás nem kerül végrehajtásra:
Ha (igaz) figyelmeztetés ("Befejezve!"); if (false) alert ("Nem hajtják végre!");
Az if szintaxis csak egy utasítás végrehajtását teszi lehetővé, de ha egynél több utasítást kell végrehajtania, akkor összetett utasítást kell használnia:
If (igaz) (var str = "Helló!"; Figyelmeztetés (str);)
A második forma szintaxisa a következő:
If (kifejezés) utasítás; else nyilatkozat;
Az else kulcsszó lehetővé teszi egy végrehajtandó utasítás hozzáadását, ha a feltétel hamis:
Ha (hamis) riasztás ("Nem kerül végrehajtásra"); else alert ("Végrehajtás");
Mint már említettük, a vezérlő utasítások egymásba ágyazhatók, ami lehetővé teszi a következő konstrukciók létrehozását:
Var num = 2; if (num == 1) (figyelmeztetés ("szám érték:" + szám);) else if (num == 2) (alert ("szám érték:" + szám);) else (alert ("nem ismersz ilyen számot! ;)
Ebben a kódban nincs semmi különös. Ez egyszerűen egy utasítássorozat, ahol minden if utasítás része az előző if utasítás elsejének. Első pillantásra ez a jelölési forma nem tűnik teljesen egyértelműnek, ezért vegyünk egy szintaktikailag egyenértékű formát, amely az if utasítások egymásba ágyazását mutatja:
Var num = 2; if (num == 1) (figyelmeztetés ("szám érték:" + szám);) else (if (num == 2) (alert ("szám érték:" + szám);) else (alert ("én' nem ismerem ezeket a számokat! :))
Reg.ru: domainek és tárhely
A legnagyobb regisztrátor és tárhelyszolgáltató Oroszországban.
Több mint 2 millió domain név működik.
Promóció, levelezés domainhez, üzleti megoldások.
Világszerte több mint 700 ezer ügyfél választotta már.
Bootstrap keretrendszer: gyorsan reagáló elrendezés
Lépésről lépésre bemutató videó a Bootstrap keretrendszer reszponzív elrendezésének alapjairól.
Tanuljon meg egyszerűen, gyorsan és hatékonyan szedni egy hatékony és praktikus eszköz segítségével.
Elrendezés megrendelésre és fizetésre.
* Vigye az egeret a görgetés szüneteltetéséhez.
Vissza előre
JavaScript if-else függvények és feltételek
A JavaScript használatakor gyakran különböző műveletek végrehajtása válik szükségessé, ha különböző feltételek teljesülnek.
Például írt egy szkriptet, amely ellenőrzi, hogy a látogató melyik böngészőt használja, amikor felkeresi webhelyét. Ha ez internet böngésző, egy speciálisan IE-hez tervezett oldalt kell betölteni, ha más böngészőről van szó - ennek az oldalnak egy másik verzióját kell betölteni.
Az if-else konstrukció általános szintaxisa a következő:
Ha (feltétel) (akció) else (akció2);
Példaként vegye figyelembe a következő kódot:
If (böngésző == "MSIE") (figyelmeztetés ("Ön IE-t használ")) else (figyelmeztetés ("Nem használ IE-t"));
Vegye figyelembe, hogy minden kisbetűt használ. Ha "IF"-et ír, hiba történik.
Vegye figyelembe azt is, hogy az összehasonlítás kettős egyenlőségjelet (==) használ.
Ha írunk böngésző = "MSIE" akkor csak hozzárendeljük az értéket MSIE nevű változó böngésző.
Amikor írunk böngésző == "MSIE", akkor a JavaScript "érti", hogy összehasonlítani szeretnénk, nem értéket rendelni.
Bonyolultabb feltételek ha egyszerűen létrehozhatók, ha például hozzáadják őket az alkatrészhez más már meglévő építmény ha más:
If (feltétel) (action1) else (if (egyéb feltétel) (action2) else (action3););
Például:
If (browser == "MSIE") (figyelmeztetés ("IE-t használ")) else (if (böngésző == "Netscape") (figyelmeztetés ("Firefoxot használ")) else (figyelmeztetés ("Ön használ egy azonosítatlan böngésző: ) ")); );
Logikai operátorok AND, OR és NOT
A szerkezet még rugalmasabb használatához ha másúgynevezett logikai operátorok használhatók.
És mint írva && és olyan esetekben használatos, amikor egynél több feltétel igazságtartalmát kell ellenőrizni.
Például: Ha van tojás a hűtőben és szalonna a hűtőben, akkor ehetünk tojást és szalonnát.
A szintaxis a következő:
If (feltétel1 && feltétel2) (művelet) if (óra == 12 && perc == 0) (figyelmeztetés ("Dél!"));
Vagy mint írva || és akkor használatos, ha két vagy több feltétel közül legalább egynek ellenőrizni akarjuk. (A || a Shift és a \ billentyű lenyomva tartásával érhető el)
Például: Ha van tej a hűtőben, vagy ha víz van a hűtőben, akkor van mit innunk.
A szintaxis a következő:
If (feltétel1 || feltétel2) (akció) if (óra == 11 || óra == 10) (figyelmeztetés ("Még nem jött el a dél!"));
Nem mint írva ! és tagadásra használják.
Például: Ha nincs tojás a hűtőben vagy nincs szalonna, akkor nem ehetünk sem tojást, sem szalonnát.
A szintaxis a következő:
If (! (Feltétel)) (akció) if (! (Óra == 11)) (figyelmeztetés ("Nem 11 óra"));
Funkciók a JavaScriptben
Ahelyett, hogy csak Javascriptet adna az oldalhoz, hogy a böngésző végrehajtsa a kódot, amikor arról van szó, beállíthatja, hogy a szkript csak esemény bekövetkezésekor fusson.
Például létrehozott egy JavaScriptet, amelynek az a feladata, hogy módosítsa háttérszín oldalt, amikor egy adott gombra kattint. Ebben az esetben meg kell "mondani" a böngészőnek, hogy ezt a szkriptet nem szabad lefuttatni pusztán azért, mert egy sor elérte.
Ahhoz, hogy a böngésző ne hajtsa végre a szkriptet betöltéskor, meg kell írnia a szkriptet függvényként.
Ebben az esetben a JavaScript kód addig nem kerül végrehajtásra, amíg speciális módon nem „kérdezzük meg”.
Tekintse meg ezt a példát egy függvényként írt szkriptre:
Kattintson a gombra, hogy megnézze, mit csinál a szkript:
Ha a vonal figyelmeztetés ("Üdvözöljük!"); nem íródott egy függvénybe, akkor lefut, amikor a böngésző eléri ezt a sort. De mivel a függvényen belül írtuk, ez a sor nem hajtódik végre, amíg meg nem nyomjuk a gombot.
Ebben a sorban fordul elő egy függvényhívás (azaz hozzáférés hozzá):
Amint látja, elhelyeztünk egy gombot az űrlapon, és hozzáadtunk egy eseményt onClick = "myfunction ()" a gombhoz.
A következő leckéken más típusú eseményeket is megvizsgálunk, amelyek funkciókat indítanak el.
A függvények általános szintaxisa a következő:
Függvény függvénynév (változó1, változó2, ..., változóN) (// Ide kerül a függvény törzse, az általa végrehajtott műveletek)
Kapcsos zárójel: { és } jelzi a függvény elejét és végét.
A függvények létrehozásakor tipikus hiba a figyelmetlenség és a kis- és nagybetűk fontosságának figyelmen kívül hagyása. Szó funkció pontosan kell lennie funkció... választási lehetőség Funkció vagy FUNKCIÓ hibát fog dobni.
Továbbá, használata nagybetűvel szerepet játszik a változónevek megadásában. Ha van egy nevű függvénye az én funkcióm (), majd egy kísérlet arra hivatkozni, hogy Saját funkció (), MYFUNCTION () vagy Saját funkció () hibát fog dobni.
Tetszett az anyag, és szeretnél köszönetet mondani?
Csak ossza meg barátaival és kollégáival!
Lásd még:
var a = 10; var b = (a> 1)? 100:200; riasztás (b);
Ha a feltétel a> 1 igaz, akkor a változó bértéket rendelni 100 , ellenkező esetben a b változóhoz lesz hozzárendelve az érték 200 .
Js feladat 3_4. Kiegészítő kód: 3 helyi változót deklarált a használatával kulcsszó var. A max változóhoz a következő háromtagú operátor értékét szükséges hozzárendelni: ha a nagyobb, mint b, akkor a-t adunk vissza, ellenkező esetben b-t.
Kódrészlet:
if (a * b< 6) { result = "Мало"; } else { result = "Много"; }
Kérdések az önkontrollhoz:
- Mi a hármas operátor szintaxisa?
- Hány argumentuma van a hármas operátornak?
Operátor váltása javaScriptben - kapcsoló
A javascript switch utasítás egy változó több értékének tesztelésére szolgál:
Szintaxis:
switch (változó vagy kifejezés) (case option1: //.. utasításblokk .. break case option2: //.. utasításblokk .. break default: //.. utasításblokk ..)
Egy változó vagy kifejezés értékét ellenőrizzük: mindegyikben ügy az egyik érték ellenőrzésre kerül, megfelelő érték esetén egy vagy másik ennek megfelelő állításblokk ügy.
Az alapértelmezett szolgáltatásszóval kezdődő blokk elhagyható. A blokk utasítások végrehajtásra kerülnek, ha a felsorolt értékek közül egyik sem szerepel ügy nem passzol.
Fontos: A break utasítás a változó minden egyes figyelembe vett értéke után kötelező (mindegyik ügy); ha nem használja, akkor az összes alább található operátor megjelenik
Hasonlítsa össze az üzemeltetővel HA:
var a = 2; kapcsoló (a) (0. eset: // if (a === 0) 1. eset: // if (a === 0) alert ("nulla vagy egy"); // akkor kimenet ... szünet; eset 2: // if (a === 2) alert ("Two"); // then display ... break; default: // else alert ("Sok"); // egyébként megjelenítése ...)
Hogyan csoportosíthatok több lehetőséget?
Ugyanazon operátorok végrehajtásához több csoport is lehetséges ügy... Mint a fenti példában:
0. eset: 1. eset: riasztás ("nulla vagy egy"); szünet; ...
A = 0 és a = 1 esetén ugyanaz az utasítás kerül végrehajtásra: alert ("nulla vagy egy");
4. példa: Kérje meg a felhasználót, hogy adjon meg egy színt. Kimeneti fordítás erre angol beírt szín. A színért "kék"és "kék" ugyanazt az értéket adja vissza.
✍ Megoldás:
- Hozzon létre egy weboldalt html vázzal és címkével forgatókönyv.
- Változó inicializálása szín
- Ellenőrizze egy változó értékét a konstrukció segítségével kapcsoló, minden egyes értékhez kiírva a megfelelő fordítást:
- Virágoknak "kék"és "kék" végezze el a csoportosítást:
- Rendszerezze a kimenetet azon színekhez, amelyeket a program nem biztosít:
- Tesztelje a szkriptet egy böngészőben.
| var color = prompt ("Milyen szín?"); |
var color = prompt ("Milyen szín?");
kapcsoló (színes) ("piros": figyelmeztetés ("piros"); szünet; "zöld": figyelmeztetés ("zöld"); szünet; // ...
Ha a változó szín"piros" értéke van, majd jelenítse meg a fordítást a modális ablakban - "piros" és lépjen ki a konstrukcióból (break;). Ha a változó szín"zöld" értéke van, majd jelenítse meg a fordítást a modális ablakban - "zöld", és lépjen ki az építésből (break;).
// ... case "blue": case "blue": alert ("blue"); szünet; // ...
Ha a változó szín kék vagy változó szín"kék" értéke van, majd jelenítse meg a fordítást a modális ablakban - "kék", és lépjen ki a szerkezetből (break;).
| // ... alapértelmezett: alert ( "nincs információnk erről a színről")) // végkapcsoló |
// ... alapértelmezett: alert ("y nincs információnk erről a színről")) // végkapcsoló
Js feladat 3_6. Keresse meg és javítsa ki a hibákat a következő kódrészletben:
| 14 15 16 17 | var number = prompt ( "Írja be az 1-es vagy a 2-es számot:"); kapcsoló (szám) ("1" eset (document.write ("One");); break; case "2" (document.write ("Két");); break; alapértelmezett (document.write ( "Az 1-től és a 2-től eltérő értéket adott meg") ; } ; } |
var number = prompt ("Írja be az 1-es vagy a 2-es számot:"); kapcsoló (szám) ("1" eset (document.write ("One");); break; case "2" (document.write ("Két");); break; alapértelmezett (document.write ("Belépett" 1-től és 2-től eltérő érték";))
Js feladat 3_7. Mi jelenik meg a képernyőn, amikor a következő kódot végrehajtják?:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | var érték = "2"; kapcsoló (érték) ("1" eset: "2" eset: "3" eset: document.write ("Hello"); break; "4" eset: "5" eset: document.write ("Világ"); alapértelmezett: document.write ("Hiba");) |
var érték = "2"; kapcsoló (érték) ("1" eset: "2" eset: "3" eset: document.write ("Hello"); break; "4" eset: "5" eset: document.write ("Világ"); alapértelmezett: document.write ("Hiba");)
Js feladat 3_8. A felhasználónak egy számot kell megadnia – az ágon lévő varjak számát. A beírt számtól függően (legfeljebb 10) jelenítse meg a következő üzenetet: - Ül egy ágon 1 varjú- Ül egy ágon 4 varjú- Ül egy ágon 10 varjú
- A beírt számtól függően a szó vége megváltozik "Varjú".
- Az ellenőrzéshez használja a Switch javascript utasítást.
- Mentse ezt az oldalt az eredmények mappájába (hasznos lesz a további munkához).
Kérdések az önkontrollhoz:
- Ebben az esetben tanácsos pl feltételes operátor használjon konstrukciót kapcsoló?
- Mire szolgál az alapértelmezett blokk egy utasításban? kapcsoló?
- Kötelező-e a break utasítás használata a konstrukcióban kapcsoló?
- Hogyan történik a csoportosítás több értékváltozat esetén egy operátorban kapcsoló?
A javaScript nyelv ciklikus operátorai - For
Szintaxis:
for (a számláló kezdeti értéke; feltétel; a számláló növekedése) (//..utasításblokk ..)
Fontos: A javascript for ciklusa akkor használatos, ha előre ismert, hogy a ciklikus műveleteket hányszor kell megismételni (hány iterációja van a ciklusnak)
- Mint kezdő érték az iterációs számláló, egy hozzárendelési kifejezést használnak: például i = 0 - a hurokszámláló nulláról indul:
- A számláló növekedése azt a lépést jelzi, amellyel a számlálónak növekednie kell: például azt jelzi, hogy a ciklus minden iterációját a növekedés kíséri 1 :
- A hurokfeltétel a számláló végső értéke: például i10, leállítja a hurkot:
for (var i = 0; feltétel; számlálónövekmény) (//..utasításblokk ..)
for (var i = 0; feltétel; i ++) (//..utasításblokk ..)
for (var i = 0; i<10; i++) { //..блок операторов.. }
Nézzünk egy példát a for ciklus használatára a javascriptben:
5. példa: Számsor nyomtatása 0 1 2 3 ... 9 , minden számjegy egy új sorban. 0 1 2 ... 8 9
✍ Megoldás:
- Egy számsorozat megjelenítéséhez a for ciklus számlálóját fogjuk használni, amelynek értéke változnia kell 0 előtt 9 sorrend szerint.
- Ezért azért a ciklusszámláló kezdeti értékeállítsa be az értéket 0 ; mint ciklus körülményeiállítsa be a végső értéket - ii = 9; ellenlépésnek egyenlőnek kell lennie 1 (i ++), mivel a sorozat tagjai közötti különbség egy:
- Tesztelje a szkriptet egy böngészőben.
for (var i = 0; i<10; i++)
{
document.write(i+"
");
}
A példában a hurokszámláló értékei jelennek meg a képernyőn, mivel a számláló i ++ növekménye jelenik meg a képernyőn. 0 1 2 3 ... 9
, minden számjegy egy új sorban (tag
).
Js feladat 3_9. 1 előtt 15 .
- Használjon hurokszámlálót számsorozatként számára.
- Összeadó változó esetén használja a változó azonosítót összeg.
Kódrészlet:
For (var i = ...; ...; ...) (összeg = összeg + ...;) ...
Loop kilépési utasítások szünetés folytatni javaScriptben. Operátor Kijárat
A break utasítás megszakítja a teljes ciklustörzs végrehajtását, azaz. kitör a hurokból a javaScriptben.
Míg a turpināt utasítás megszakítja a ciklus aktuális iterációjának végrehajtását, ugyanakkor folytatja a ciklus végrehajtását a következő iterációtól.
Tekintsük a törés működését, és folytassuk az utasításokat egy példa segítségével:
Példa: Elemezze a kódrészlet algoritmusát. Mi lesz megjelenítve?
Kódrészlet:
| 1 2 3 4 5 6 | for (var i = 0; i<
10
;
i++
)
{
if
(i==
4
)
continue
;
document.write
(i+
" "); ha (i == 8) szünet;) |
for (var i = 0; i<10;i++)
{
if (i==4) continue;
document.write(i+"
"); ha (i == 8) szünet;)
✍ Megoldás:
- A példa harmadik sora olyan feltételt tartalmaz, amely miatt a számjegy 4 nem jelenik meg: operátor folytatni a ciklus következő iterációjára lép anélkül, hogy az aktuálisat befejezné.
- Az 5. sorban a ciklus kilép, de egyúttal a szám is 8 jelenik meg, mivel a kimeneti utasítás a feltétel elé kerül (a 4. sorban). Miután találkoztunk szünet, a tolmács leállítja a ciklust.
- Hogy. a képernyőn megjelenik: 0 1 2 3 5 6 7 8 - minden számjegy egy új sorban.
Js feladat 3_10. Adja ki az összes egész szám összegét innen 1 előtt 15 , a teljes számból nem számítva 5 és 7 .
Kilépési nyilatkozat
A javasctipt nyelv egy kilépési operátort biztosít a programkódból - a kilépési operátort.
Leggyakrabban az operátort a felhasználói beviteli hiba kiküszöbölésére használják.
Nézzünk egy példát:
6. példa: Kérje meg a felhasználót, hogy írjon be egy számot. Ha nem adott meg számot, akkor jelenítse meg az üzenetet – Kell egy szám!és állítsa le a programot.
✍ Megoldás:
- Változó inicializálása szám a felhasználó által a modálisba beírt érték:
- A parseInt függvény segítségével egy karakterláncot egész számmá konvertál, ellenőrizze, hogy a megadott érték szám-e:
- Ellenőrizze a változó értékét szám az isNaN függvény használatával:
- Által a "hazugság" szabálya intézkedjen a változó értékének ellenőrzéséről x... Ha az érték nem numerikus, nyomtasson egy megfelelő megjegyzést, és fejezze be a programot:
- A program folytatásához (ha a megadott érték szám volt), jelenítse meg a következő ablakot egy beviteli prompttal:
- Tesztelje a szkriptet egy böngészőben.
var number = prompt ("Írjon be egy számot");
szám = parseInt (szám); // NaN-t ad vissza – nem számot
Ha nem ad meg számot, a függvény a NaN értéket adja vissza (angol. nem szám- nem szám).
x = isNaN (szám); A // igaz értéket ad vissza, ha az érték nem numerikus
Az IsNaN függvény értéket ad vissza igaz abban az esetben, ha a változó nem szám
if (x) (figyelmeztetés ("Szám szükséges!"); kilépés; // kilépés a programból)
alert ("Írja be a második számot"); // ha nem számot ad meg, az utasítás nem hajtódik végre
Kérdések az önkontrollhoz:
- Sorolja fel a hurok három paraméterét! számáraés elmagyarázzák a céljukat.
- Milyen operátoroknak kell kilépniük a hurokból és megszakítaniuk azt? Mondjon példákat a használatukra!
- Mire való az operátor kijárat?
Lehetséges több számláló egy FOR-ban?
A for ciklussal érdekes munkavégzés lehetséges egyszerre két számláló egy ciklusban.
Nézzünk egy példát:
7. példa: A szkript segítségével három sorban nyomtassa ki a következő változó-érték párokat: i = 0 j = 2 i = 1 j = 3 i = 2 j = 4
✍ Megoldás:
- A for ciklusban szervezzen két számlálót: az i számlálót a sorozat kimenetéhez 0 1 2 , j számláló a sorozat kiadásához 2 3 4 :
- Az egyes sorok kimenetéhez használja a címkét
:
| 1 2 3 | for (i = 0, j = 2; i< 10 , j< 5 ; i++, j++ ) { } |
for (i = 0, j = 2; i<10, j<5; i++, j++) { }
A for ciklus mindhárom paraméterének két értéke van, amelyeket felsorolunk vesszővel elválasztott(például az első paraméter két értékkel: i = 0, j = 2). Maguk a paraméterek vannak felsorolva pontosvesszővel elválasztva(;).
| 1 2 3 4 | for (i = 0, j = 2; i<
10
,
j<
5
;
i++,
j++
)
{
document.write
(" i = ", i", j = ", j);) |
for (i = 0, j = 2; i<10, j<5; i++, j++)
{
document.write("
i = ", i", j = ", j);)
Menet közbeni oldalgenerálás: hogy van?
A következő feladat elvégzése előtt nézzünk meg egy példát. dinamikusan épülő html oldal javascript segítségével.
8. példa:
- A weboldalon a felhasználó által beírt adatoktól függően dinamikusan kell felsorolni és számozott listákat generálni: felszólítja a felhasználót, hogy adja meg lista nézet(számozott (1. szám) vagy címkézett (2. szám)), majd listaelemek száma.
- A választól függően jelenítse meg egy felsorolásjeles vagy számozott lista címkéit a kívánt számú elemmel.
- Ha nem létező listatípust ad meg, akkor jelenítse meg az üzenetet "Kérem írja be a megfelelő típust!"és lépjen ki a programból ().
Emlékezzünk a címkékre:
számozott lista címkék:
| <ol> <li> <li> <li> </ ol> |
listajeles címkék:
var listType = prompt ("Enter" 1 "felsorolt listához", 2 "számozott listához");
- , a megjelölt (2-es számú) esetén - címke
- ... Ha más értéket ad meg, nyomtasson egy megjegyzést, és fejezze be a programot:
- Változó inicializálása kolvo a felhasználó által a modálisba beírt érték:
- Egy karakterlánc értékének numerikus értékké alakításához használja a parseInt függvényt:
- Mivel a listák a megfelelő címkékkel vannak lezárva, a lista típusától függően, nyomtassa ki a záró címkéket:
- ") else (figyelmeztetés (" Adja meg a megfelelő típust "); kilépés;)
var kolvo = prompt ("Adja meg a tételek számát");
for (var i = 1; i<=kolvo; i++) document.write("");
| if (listType == "1") document.write ("") else if (listType ==" 2 ") document.write ("" ) ; |
if (listType == "1") document.write ("
Js feladat 3_11.
Írjon egy szkriptet, amely címkéket jelenít meg bemenet(vezérlők) különböző típusúak, a beírt számjegytől függően:
1
- szövegmező,
2
- gomb,
3
- rádió(kapcsoló).
A megjelenített címkék számát is le kell kérni.
Emlékezzünk a címkékre:
1 - szövegmező esetén: 2 - gomb esetén: 3 - rádióhoz:
Kimeneti példa:
Js feladat 3_12. Rajzolj egy 9x9-es sakktáblát JavaScript for Loops használatával. A "Draw" táblának html címkéket kell tartalmaznia a táblázathoz:
Emlékezzünk a címkékre:
| <táblázatszegély = "1" szélesség = "30%"> <tr> <td>-</td> | -</td> </ tr> </ táblázat> |
| - | - |
- 9 vonal rajzolásához külső for hurkot kell szervezni egy számlálóval i.
- Ha minden sorban 9 cellát szeretne rajzolni, egy belső (beágyazott) for ciklust kell szerveznie egy j számlálóval.
- Használja a document.write metódust a cella- és sorcímkék megjelenítéséhez.
Eredmény:
Továbbá:
- Nyomtassa ki a szorzótáblát a táblázat celláiba a hurokszámlálók (i és j) segítségével.
- Az első sor és az első oszlop megjelenítése piros háttérrel (bgcolor táblázatcella attribútum):
<td bgcolor = "piros">-</td> -
Eredmény:
Kérdések az önkontrollhoz:
- Magyarázza el, mit jelent a dinamikus oldalépítés?
- Melyik a leggyakrabban használt nyelvi konstrukció a dinamikus oldalépítéshez?
A javaScript nyelv ciklikus utasításai – While
A while utasítás szintaxisa a következő:
while (feltétel) (//..állításblokk ..);
Példa: Kijelző teljesítménye kettőtől 1000 (2, 4, 8 ... 512). Használja a figyelmeztető () módszert
✍ Megoldás:
- A forgatókönyv listája:
- Tesztelje az eredményt egy böngészőben.
| 1 2 3 4 5 | var a = 1; míg (a< 1000 ) { a*= 2 ; alert(a) ; } |
var a = 1; míg (a< 1000){ a*=2; alert(a); }
a * = 2 → az összetett hozzárendelés műveletét használjuk: a hozzárendeléssel kombinált szorzat, azaz. ugyanaz, mint a = a * 2
Hogyan működnek a break és a folytatás utasítások a while ciklusban?
Példa:
| var a = 1; míg (a< 1000 ) { a*= 2 ; if (a== 64 ) continue ; if (a== 256 ) break ; alert(a) ; } |
var a = 1; míg (a< 1000){ a*=2; if (a==64) continue; if (a==256) break; alert(a); }
Kettő hatványai a következőre lesznek kiadva 128 és az érték 64 kimarad. Azok. a párbeszédpaneleken a következőket fogjuk látni: 2 4 8 16 32 128
Js feladat 3_13. Milyen értékeket fog megjeleníteni a következő kódrészlet?
var számláló = 5; míg (számláló< 10) { counter++; document.write("Counter " + counter); break; document.write("Эта строка не выполнится."); }
Js feladat 3_14.Írj erekciós kódot NS fokig y egy while ciklus használatával. Kérdezze le a változó értékeket, és adja ki az eredményt a figyelmeztetéssel ().
Töltse ki a kódot:
| 1 2 3 4 5 6 7 8 9 | var x = ...; var y = ...; számláló = 1; chislo = x; while (...) (chislo = x * ...; számláló = ...;) alert (chislo); |
var x = ...; var y = ...; számláló = 1; chislo = x; while (...) (chislo = x * ...; számláló = ...;) alert (chislo);
A Javítsa ki a hibát a programban, amely egy szám faktoriálisának megtalálására szolgál:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | var counter = prompt ("Írjon be egy számot"); var faktoriális = 1; document.write ( "Tényezőszám:"+ számláló + "! ="); do (if (számláló == 0) (faktoriális = 1; break;) faktoriális = faktoriális / számláló; számláló = számláló + 1;) while (számláló> 0); dokumentum.írni (faktoriális); |
var counter = prompt ("Írjon be egy számot"); var faktoriális = 1; document.write ("Számfaktoriális:" + számláló + "! ="); do (if (számláló == 0) (faktoriális = 1; break;) faktoriális = faktoriális / számláló; számláló = számláló + 1;) while (számláló> 0); dokumentum.írni (faktoriális);
Js feladat 3_16. Módosítsa a programot a felhasználói bevitelhez:
Addig kéri a felhasználónevet, amíg a felhasználó ténylegesen be nem írja a nevet (azaz a mezőt ténylegesen kitölti, és meg nem nyomja a Mégse gombot). A név beírása után kimenet – Szia név!... dokumentum.
Hogyan lehet megtalálni a hibákat a javascriptben?
Egyes esetekben az oldalon található kód valamilyen okból nem működik. Hol kell keresni a hibát? Ilyen esetekben használhatja a try..catch utasítást.
A try..catch utasítás egy kódrészletet próbál végrehajtani, és ha hiba van a kódban, lehetőség van egy hiba megjelenítésére a képernyőn.
A hiba az e.message objektumban tárolódik.
Tekintsük egy operátor munkáját egy példa segítségével:
Példa:írj egy utasítást a programban hibával. Ellenőrizze, hogy nincs-e hiba a feltételezett hibás kódban: ha hiba van a kódban, jelenítsen meg egy üzenetet "hibakezelés: hiba neve"... A hibás operátor ellenőrzése után, függetlenül attól, hogy van-e hiba a kódban, adja ki az üzenetet "befejező akciók"
✍ Megoldás:
- Hibás üzenetként a prompt () metódust fogjuk használni, hibával írva - felszólít ()... Zárja be a hibaüzenetet egy try blokkba:
- A hibaüzenetet egy catch blokkba kell helyezni:
- Az utolsó üzenetet, amelyet attól függetlenül meg kell jeleníteni, hogy van-e hiba a kódban, helyezze egy végső blokkba:
figyelmeztetés ("előtte"); try (promt ("adjon meg egy számot"); // hibás operátor)
Próbáld meg angolból. - "try", így egy try utasítást teszünk egy olyan kódrészlet elé, amely hibát tartalmazhat (esetünkben valóban hiba van).
| 6 7 8 9 | fogás (e) (figyelmeztetés ( "hibakezelés:"+ e.üzenet); ) |
fogás (e) (figyelmeztetés ("hibakezelés:" + e.üzenet);)
Ha valóban hiba van, akkor a catch utasítás ezt a hibát az e objektumban tárolja. Később megjeleníthető az e.message párbeszédablakban.
végre (riasztás ("befejező műveletek");) alert ("utána");
Ha hiba van, akkor az értelmező, miután azt a példánkban megjeleníti, végrehajtja a catch blokkot, majd végül (az angol "completion", "finally" szóból), amely mindig végrehajtásra kerül, függetlenül attól, hogy volt hiba vagy nem. Még akkor is, ha hiba történt a catch blokkban.
Fontos: A végső blokk opcionális a konstrukcióban.
Js feladat 3_17. Kövesse a fenti példát a következő módosításokkal:
Összegzés:
A leckében a következő javascript nyelvi operátorokat és konstrukciókat vettük figyelembe:
Javascript feltételes utasítások:
Hurok operátorok:
Végső feladat Js 3_18.
Hozz létre egy játékot két személynek:
- A program megkéri az első játékost, hogy írjon be egy számot 1 előtt 100 (a második játékos nem látja a beírt számot). Ezután a második játékosnak meg kell találnia a beírt számot. Válaszként megjelenik az üzenet "kevés" vagy "sok" a beírt választól függően. Ha a játékos jól tippel, megjelenik a gratuláció. Ha rosszul tippel, a játék folytatódik (amíg a szám ténylegesen ki nem tippel).
- Számítsa ki a próbálkozások számát, és adja vissza az eredményt, ha a számot kitalálta.
Kérdések az önkontrollhoz:
- Mikor tanácsos a For In hurkot használni? Mi a példa a használatára.
- Mi a try..catch utasítás célja?
- Magyarázza el az egyes try..catch utasításblokkok célját.
A mindennapi életben sokszor valamilyen körülménytől függően kell valamilyen döntést hozni. Például, ha hétvégén meleg az idő, akkor kimegyünk a tengerhez, ellenkező esetben, ha felhős lesz, otthon ülünk.
Ez a programozásban is nagyon gyakori. Ehhez vannak két feltételes utasítás, ezek az if-else és a switch-case... Ebben a cikkben az if-else utasításról, a következő cikkben pedig a switch-case-ról fogok beszélni.
If-else feltételes utasítás szintaxisa következő:
Ha a feltétel igaz, akkor az if blokk kódja hajtódik végre, ellenkező esetben, ha a feltétel hamis, akkor az else blokk kódja.
A jobb megértés kedvéért vegyünk egy ilyen egyszerű példát, van egy bizonyos mennyiségű pénzünk és autót akarunk venni, és itt azonnal felmerül egy ilyen feltétel, ha van elég pénzünk, akkor meg tudjuk venni ezt az autót, különben nem tud.
Var pénz = 35000; // Tegyük fel, hogy van 35 000 eurónk // A megvásárolni kívánt autó 50 000 euróba kerül. Ilyen feltétel pedig akkor következik be, ha (pénz> 50000) (document.write ("Vehetünk autót");) else (document.write ("Nincs elég pénz autóvásárláshoz");)
Mentjük a dokumentumot, megnyitjuk egy böngészőben, és látjuk, hogy a következő üzenet jelenik meg az „Nincs elég pénz az autóvásárláshoz” oldalon. Ha több mint 50 000 eurónk lenne, akkor az if blokk kódja kerül végrehajtásra. Ha pontosan 50 000 eurónk lenne, akkor szintén nem tudnánk autót venni, mert az 50 000 nem több, mint 50 000. Ahhoz, hogy ebben az esetben a feltétel igaz legyen, egy nagyobb vagy egyenlőségjelet kell írni ( > =)...
Megjegyzés! Az egyenlő logikai műveletet két egyenlőségjellel írjuk (==)... Van egy logikai művelet is kisebb vagy egyenlő, mint (
göndör fogszabályozó segítségével
Ha csak egy operátor van, akkor a göndör kapcsos zárójel nem kötelező, ha egynél több operátor van a blokkban, akkor a göndör kapcsos zárójel szükséges.
A fenti példa jól működik kapcsos zárójelek nélkül, mivel mindkét blokk csak egy utasítást tartalmaz.
Bármilyen logikai művelet írható az if-be. akár egyszerűek, akár összetettek. Használhatja az ÉS (&&) és VAGY (||) operátorokat is.
Megjegyzés! Az else blokk jelenléte nem kötelező.
Például, ha a egyenlő b-vel, és c egyenlő d-vel, akkor a megfelelő üzenetet jelenítjük meg, ellenkező esetben, ha nincs más blokk, akkor egyszerűen továbblépünk a következő sorra.
Var a = 4, b = 4, c = 8, d = 8; if ((a == b) && (c == d)) document.write ("a egyenlő b-vel ÉS c egyenlő d-vel"); document.write ("Kód következő sora");
Nyilatkozat if - else if - else
Az if blokk után egy vagy több else if blokk következhet, a végén pedig egy else blokk. Ez akkor hasznos, ha egynél több feltételt kell használnia.
A jobb megértés érdekében vegyünk egy példát a mindennapi életből. Például van egy bizonyos számú üzletünk. Ha csak egy konnektor van a helyiségben, akkor csak egy készüléket, ha van két aljzat, akkor két készüléket, ha pedig több, akkor az összes készüléket otthonról csatlakoztathatjuk az elektromos hálózatra.
Most pedig térjünk át a programozásra.
Var aljzat = 2; // Socket-ek száma a házban if (socket == 1) document.write ("
Csak egy eszközt tudunk csatlakoztatni
"); else if (socket == 2) (document.write ("Csak két eszközt tudunk csatlakoztatni
"); document.write ("Például TV és laptop
");) else (document.write ("Otthonról minden eszközt be tudunk kötni az elektromos hálózatba
"); }A socket változó értékétől függően ez vagy az a kódblokk aktiválódik. Amint valószínűleg már megértette, ha a socket egyenlő 1-gyel, akkor az első kódblokk fog működni. Ha a socket értéke 2, akkor a második kódblokk, ha pedig a socketnek más értéke van (akár negatív szám is), akkor a harmadik kódblokk.
Rövidített jelölés, ha más
A rövidített jelölés abban az esetben használható, ha egy változó egy adott feltételtől függően kaphat ilyen vagy másik értéket.
Például, ha az a változó értéke nagyobb, mint a b változó értéke, akkor az x változóba a következő üzenetet írjuk: "Az a változó nagyobb, mint a b", ellenkező esetben azt írjuk, hogy " Az a változó kisebb, mint a b"
Var a = 50, b = 100, x; x = (a> b)? "
Változó a több változó b
" : "Változó a kisebb változó b
"; // A kapott eredmény kinyomtatása document.write (x);Ebben a cikkben csak erről akartam mesélni. Az if-else feltételes utasítást többször használják, mint minden szkriptben, ezért nagyon fontos ismerni és megérteni. A következő cikkben még egy feltételes esetváltásról fogok beszélni.
Ebben a példában először négy változót deklarálunk a var kulcsszó használatával, és azonnal numerikus értékeket rendelünk hozzájuk. Ezután a növekedés és a csökkentés operátorai segítségével megváltoztatjuk a számok értékeit. Az információk a funkció használatával jelennek meg Visszhang(lásd a "" cikket). Hogy ne írjam le még egyszer az objektum nevét, a konstrukciót használtam val vel ().
Logikai operátorok
A feltétel ellenőrzésekor logikai operátorokat használunk, hogy ne ismétlődjenek, egy rövidítést készítek: a bal operandus L.O., a jobb operandus pedig P.O.
- && - Logikai "ÉS"
- || - "VAGY"
- ! - "NEM"
- > - L.O. további P.O.
- > = - L.O. nagyobb vagy egyenlő, mint a P.O.
- < - Л.О. меньше П.О.
- <= - Л.О. меньше или равен П.О.
- == - L.O. egyenlő P.O.
- = - L.O. nem egyenlő a P.O.
- | = - L.O. önmagával egyenlő VAGY P.O.
- & = - L.O. egyenlő magammal ÉS P.O.
- ^ = - KIZÁRÓLAGOS VAGY
Most fontolja meg a következő szkriptet:
| //***************************************** // logikai műveletek// logik_if_else.js //***************************************** var a = 10, b = 100, WshShell, cím, msg1, msg2, msg3, msg4, vbInformation = 64; // Hozzon létre egy példányt a WScript.Shell osztályból WshShell = WScript.CreateObject ("WScript.Shell"); cím = "Munka az IF ELSE JS feltételes utasítással"; with (WshShell) (ha (a> = 5 && a<= 100 ) //истина msg1 = "TRUE" ; else msg1 = "FALSE" ; Popup (msg1, 5 , title, vbInformation) ; if (a>= 5 || b == 100) // true msg2 = "IGAZ"; else msg2 = "HAMIS"; Előugró ablak (msg2, 5, title, vbInformation); // feltételes utasítás js if else if (! a) // false msg3 = "IGAZ"; else msg3 = "HAMIS"; Popup (msg3, 5, title, vbInformation); if (a & = 100) // false msg4 = "IGAZ"; else msg4 = "HAMIS"; Popup (msg4, 5, title, vbInformation); ) |
Az előző szkripthez hasonlóan itt is a konstrukciót használtam val vel a programkód lerövidítéséhez. Az információk megjelenítésére azonban a funkciót használtuk Felugrik(lásd a "" cikket). Ennek eredményeként a párbeszédpanelek néhány másodperc múlva automatikusan bezáródnak. Kérjük, vegye figyelembe, hogy ebben a példában nem használtunk göndör zárójelet. a feltételes js if utasításban csak akkor relevánsak, ha egynél több kódsort kell végrehajtani, de több.
Végül nézzünk egy gyakorlati példát, például egy másodfokú egyenlet megoldását:
| // Másodfokú egyenlet megoldása// uravnenije_if_else.js // *********************************************************** var a, b, c, d, x, x1, x2; // Változók deklarálása a = -2; b = 6; c = 20; // Diszkrimináns keresése d = matematikai .pow (b, 2) - 4 * a * c; ha (d == 0) (x = b / (2 * a); msg = "Az egyenletnek egy megoldása van, x pontosan"+ x) különben (ha (d> 0) (x1 = (- b + Math .sqrt (d)) / (2 * a); x2 = (- b- Math .sqrt (d)) / (2 * a ); msg = "Az egyenletnek pontosan két megoldása van \ n x1"+ x1 + " \ n x2 pontosan "+ x2; // feltételes utasítás if else js) else msg = "Nincs megoldás"; ) WScript.Echo (üzenet); |
