V JavaScripte existujú tri základné operácie, ktoré umožňujú prijímať údaje od používateľa na ďalšie spracovanie v skriptoch. Tieto sú varovné, rýchle a potvrdzujúce. Na čo sa používajú, ako ich používať a ďalšie nuansy sa budú diskutovať neskôr v tomto článku.

upozorniť

Používa sa na zobrazenie modálneho okna na obrazovke prehliadača (to znamená, že používateľ nemôže kliknúť na nič na stránke, kým toto okno nezavrie. V tomto príklade, kým v okne neklikne na „OK“).

Po zobrazení správy obsiahnutej vo výstrahe sa vykonávanie skriptu pozastaví a obnoví sa po zatvorení modálneho okna.

V prípade plnenia a kliknutím na tlačidlo OK skript vráti informácie, ktoré používateľ zadal.

Syntax tohto príkazu o niečo zložitejšie ako predchádzajúce, pretože vám umožňuje nastaviť text výzvy používateľa a obsah poľa na zadanie informácií, ktoré sa predvolene zobrazia: výsledok = prompt(nadpis, predvolene) ;, kde

• titul- správa, ktorá sa zobrazí používateľovi v modálnom okne. Argument je povinný.
• predvolená- čo sa bude štandardne zobrazovať v poli na zadávanie textu. Vyžaduje sa aj vyplnenie, pretože ak nie je nastavené, môže to viesť k chybám v niektorých prehliadačoch. Ak chcete ponechať vstupné pole prázdne, nastavte výzvu nasledovne:

  var myTest = prompt("Akékoľvek informácie" , """);

Malý rýchly príklad použitia:

var rok = prompt( "V ktorom roku si skončil strednú školu?", 2008); alert("Si absolventom " + ročníka + " ročníka!" ) ;

Tento príkaz sa zvyčajne používa na zhromažďovanie údajov od používateľov, ktoré skript potrebuje na ďalšiu prácu.

potvrdiť

Tiež predstavuje modálne okno. Keďže z názvu nie je ťažké uhádnuť, zvyčajne sa používa na to, aby ste sa s používateľom na niečom zhodli.

Na to vylepšené - pre interakciu poskytuje používateľovi tlačidlá OK a ZRUŠIŤ, ktoré vrátia do skriptu boolovské hodnoty true a false Hodnotenia: 4 (priemer 4 z 5)

V tejto lekcii sa zoznámime s metódami objektu okna: alert() , prompt() a potvrdit() .

metóda alert().

Metóda alert() je určená na zobrazenie dialógového okna s upozornením so zadanou správou a tlačidlom OK na obrazovke používateľa. Môže sa použiť na sprostredkovanie dôležitých informácií používateľovi.

window.alert(Parameter_1);

Metóda alert() má jeden povinný parameter, ktorým je text správy, ktorá sa zobrazí v dialógovom okne. Táto metóda v dôsledku jej vykonania nič nevracia.

Zobrazme napríklad dialógové okno s upozornením pre návštevníka stránky pri kliknutí na odkaz: Prejdite na stránku

Vo vnútri metódy môžeme zadať ľubovoľný reťazec, len bez html tag ov. Nie sú tu spracované, ale zobrazené tak, ako sú.

Ak je reťazec, ktorý chceme zadať, veľmi dlhý a chceme naň skočiť Nový riadok, potom je tu značka html
nebude fungovať. Tu musíte použiť znak "\n".

Alert("Looooooooong \nStringgggggg");

Táto metóda sa často používa nájsť chybu v kóde.

Proces spracovania kódu ide zhora nadol, takže na zachytenie chyby jednoducho napíšeme metódu alert () do zamýšľanej oblasti, kde sa chyba nachádza. A ak alert() fungovalo, potom nie sú žiadne chyby až po riadok, kde je napísaný.

Ďalej ho musíte presunúť o jeden alebo viac riadkov nižšie. Uložíme zmeny, znova obnovíme stránku v prehliadači a uvidíme, či alert() fungovalo, čo znamená, že pred riadkom, kde sa nachádza, nie sú žiadne chyby, inak ak to nefungovalo, chyba je na riadku vyššie, kde sa momentálne nachádza. Týmto spôsobom môžete nájsť chybu v kóde.

metóda potvrdiť().

Táto metóda sa používa na potvrdenie odpovede na nejakú otázku. Existujú iba dve možnosti odpovede, áno (OK) alebo nie (Zrušiť / Zrušiť). Ak používateľ odpovie áno, metóda vráti hodnotu true, inak vráti hodnotu false.

Napríklad zobrazíme okno pomocou metódy potvrdiť(), kde sa používateľa opýtame „Ste si istý, že chcete opustiť stránku?“. Ak používateľ odpovie áno, tak cez metódu alert() zobrazíme takúto správu „Používateľ chce opustiť stránku“, v opačnom prípade zobrazíme ďalšiu správu „Používateľ nechce opustiť stránku“.

Var user_answer = potvrdit("Naozaj chcete opustiť stránku?"); if(user_answer) alert("Používateľ chce opustiť stránku"); else alert("Používateľ NECHCE \nstránku opustiť");

Takto funguje metóda potvrdiť(). Dá sa použiť pri rôznych príležitostiach. Napríklad pred odstránením niečoho zo stránky je zvykom opýtať sa používateľa, či si je istý svojimi činmi. Alebo sa ešte pred odoslaním formulára môžete používateľa spýtať „Vyplnil si všetko správne?“ Ak odpovie áno, tak sa formulár odošle, inak sa neodošle.

prompt() metóda

A posledná metóda, ktorú sa naučíme, je metóda prompt(). Táto metóda sa používa menej často ako ostatné dve metódy. Umožňuje vám získať od používateľa niektoré informácie, ktoré zadá do textového poľa.

Výsledkom je, že metóda prompt() vráti buď vstupný reťazec, ak používateľ klikol na tlačidlo OK, alebo hodnotu null, ak používateľ klikol na tlačidlo zrušiť.

Ako parameter, teda vo vnútri zátvoriek túto metódu môžeme napísať výzvu alebo otázku, aby používateľ vedel, aké informácie má zadať.

Požiadajme napríklad používateľa, aby odpovedal na otázku „Ako sa voláš?“. Meno zadané používateľom sa zobrazí na obrazovke pomocou metódy alert().

Varname = prompt("Ako sa voláš?"); alert("Vaše meno je " + meno);

Uložte a otvorte stránku v prehliadači.

Samozrejme, pomocou metódy prompt() je možné do textového poľa zadať akékoľvek informácie. Tieto informácie budú vrátené ako reťazec, a to aj v prípade čísel alebo iných špeciálnych znakov.

Požiadajme napríklad používateľa, aby zadal dve čísla, aby ich mohol neskôr vynásobiť. K dispozícii bude kalkulačka na násobenie čísel.

Var x = prompt("Zadajte prvé číslo:"); var y = prompt("Zadajte druhé číslo:"); //Prevod zadaných čísel z typu reťazec na typ číselný x = Číslo(x); y = číslo (y); document.write(x + " * " + y + " = " + (x * y));

Zadané čísla sú reťazce, takže pre správny výsledok násobenia musia tieto čísla prejsť funkciou Number(), ktorá ich prevedie z typu reťazca na normálne čísla.

No to je všetko. Teraz poznáte ďalšie tri spôsoby: upozorniť(), potvrdiť() a vyzvať(). Ktoré môžete pokojne využiť v praxi.

• metódy okenných objektov;
• metóda alert(): krátke zhrnutie;
• metóda potvrdiť() - písať písmená;
• metóda prompt() - poďme sa zoznámiť, ja som Stirlitz.

Takže objekty prehliadača. A v prvom rade - najstarší z nich, objekt okno.

Tu sú hlavné metódy objektu okno(okrem nich sú tu aj ďalšie, ale málo použiteľné a aby som nezahltil mozog zbytočnými informáciami, odložím ich až na tretiu sériu).

To už vieme oknočasto naznačené, ale nie napísané.

Vyvolanie rôznych dialógových okien

Dialógové okná sa používajú v programoch na interakciu s používateľom.

metóda alert().

Rozoberali sme to hneď na začiatku štúdia. Vytvára jednoduché dialógové okno so správou a tlačidlom OK. Celá jeho interakcia je obmedzená na to, že používateľ stlačením tohto jediného tlačidla môže toto okno poslať niekam ďaleko (a za to mu ďakujeme).

metóda potvrdiť().

Metóda potvrdiť () už umožňuje užívateľovi urobiť to najjednoduchšie „boolovské“ rozhodnutie: povedať „áno“ alebo „nie“.

Kliknite napríklad na toto tlačidlo:

Ospravedlňujem sa za malý žart. Dúfam, že viete, ako používať tlačidlo späť.

Ako je to celé usporiadané? Samozrejme ste videli, že mám túto metódu kombinovanú s upozorneniami. A to sa deje pomocou funkcie, ktorá je vložená .

Metóda vracia dve hodnoty: pravda(ak je v poriadku) a falošný(v prípade zrušenia).

AT pravda pošleme ho na príslušnú stránku (vlastníctvo href objekt umiestnenie) a vypíšte príslušné upozornenie(). V opačnom prípade (t.j. falošný) vypíšte ďalší upozornenie().

A v tlačidle voláme funkciu v udalosti po kliknutí:

A potom musíte zavolať túto funkciu z obsluhy udalosti onOdoslať tag