JavaScript - információs kimenet. JavaScript nyelv alapjai Hogyan lehet változót kiadni java-ról html-re

Ez a fejezet az információk ActionScript használatával történő megjelenítésének módszereivel foglalkozik. Hagyományosan a „Hello World” karakterláncot használják kimeneti adatként. Ebben a cikkben ezt a sort három különböző módon jelenítjük meg a képernyőn.

Az információ kiadásának első lehetősége (írási funkció).

Az információk képernyőn való megjelenítésének legegyszerűbb és legnépszerűbb módja a document.writeln(string) függvény. Alább egy példa:

< html> < head> < body> < script type= "text/javascript" >document.writeln("Helló világ!");

A funkció meghívása után az összes korábban létező oldaltartalom új tartalomra cserélődik. Ebben az esetben a „Hello World” sorban. Ezért ajánlatos ezt a funkciót csak oldalbetöltéskor használni, ha minden tartalmat JavaScript generál. Ez a funkció nagyon hasznos olyan helyzetekben is, amikor csökkenteni kell a szerverhez intézett hívások számát. A letöltés után a forráskódfájl több különböző oldalt is létrehozhat teljesen offline módban.

A második lehetőség az információk megjelenítésére (figyelmeztető funkció).

Az alert(string) funkció nagyon jó kód hibakeresésre, de nem végfelhasználásra. Felhívása után egy ablak jelenik meg a felhasználó előtt egy felirattal és egy „Ok” gombbal. Valódi weboldalakon nem ajánlott ilyen felugró ablakokat használni, mivel ezek nagyon bosszantóak a látogatók számára, és gyakran blokkolják a különféle böngészőbővítmények. Példa egy függvény használatára hibakereséshez:

< html> < head> < body> < script type= "text/javascript" >figyelmeztető ("Hello World!") ;

Ezt követően egy szabványos Windows (vagy Linux, vagy Mac OS) ablak jelenik meg előtted, amelyen csak egy válaszlehetőség található. Az „Ok” gomb megnyomása előtt semmilyen interakció nem lehetséges az oldallal.

A harmadik lehetőség az információk megjelenítésére (getElementById függvény).

A leghatékonyabb és leggyakrabban használt módszer a getElementById(tagId) függvény használata.

A HTML kódban mindennek lehet ID paramétere. Bármely címkében van egy sor beágyazva (a sor lehet üres is). Egy címke azonosítóján keresztül hozzáférhet annak tartalmához, és ennek megfelelően módosíthatja azt. A többi címkét azonban ez nem érinti. Példa:

< html> < head> < body> < div id= "placeForText" > < script type= "text/javascript" >document.getElementById("placeForText").innerHTML = "Üdv, világ!" ;

Ebben a kódban az első lépés az lesz, hogy hozzáfér a dokumentumhoz, majd mutass egy címkeelemre, amelynek azonosítója a „placeForText” (getElementById(“placeForText”)), majd az innerHTML függvény segítségével vigyen fel egy mutatót. ennek a címkeelemnek a tartalmára. Az egyenlőség segítségével új értéket rendelünk az elem tartalmához.

Ez a megközelítés két okból sokkal jobb, mint az előző kettő: a bosszantó felugró üzenetek hiánya, a HTML-oldal csak egy részének szerkesztése. Természetesen ennek a funkciónak a használatakor a következő opció is lehetséges:

< html> < head> < body> < div id= "feedback" > < script type= "text/javascript" >document.getElementById("feedback").innerHTML = "

Helló Világ!" ;

Amikor ez a kód végrehajtódik, a formázott szöveg HTML-címkék segítségével kerül beszúrásra az elembe. Vagyis a HTML-be illesztjük be a HTML-t. A képernyőn megjelenik az ismerős „Hello World!” szöveg, de pirossal.

Ugyanezt a mechanizmust alkalmazzák az új felhasználók regisztrációs oldalain is. Az oldalon két kulcsterület található: az egyik üres, a másik egy űrlappal, amelyet ki kell tölteni. Ha a felhasználó kihagy egy mezőt, vagy hibás adatokat ír be, és megpróbálja elküldeni az űrlapot a szervernek, a bevitt adatok érvényesítéséért felelős szkript észleli a hibát, és az oldal többi részének módosítása nélkül piros szöveget jelenít meg egy üres területen.

A lényeg.

Ez a cikk megvizsgálta a szöveg (számok és egyéb, szöveges formában megjelenített változók) képernyőn történő megjelenítésének összes főbb lehetőségét. A következő cikk, „JavaScript csalólap #3 – Információk bevitele” a fordított folyamattal foglalkozik.

Helló! Az utolsó cikkben a JavaScript nyelv szintaxisát néztük meg. Megtanultuk, mik azok a ciklusok, változók, tömbök, logikai operátorok, függvények és így tovább.

Mindezek a műveletek az oldalon belül zajlanak, és semmilyen módon nem jelennek meg. Ma megtanuljuk, hogyan jelenítsük meg a szükséges adatokat a képernyőn. Egy szabályos numerikus változót az ActionScript használatával számos módon jelenítünk meg.

Az alábbiakban feltüntetett összes módszer használatához hozzá kell férnünk a dokumentum objektumhoz. Ez a JavaScript nyelv különálló eleme, amelyet webhelyekkel való együttműködésre terveztek.

Első módszer: írási függvény

Egy változó ilyen módon történő megjelenítéséhez létre kell hoznunk. Írjuk a következő sort: var message = "Hello World!"

Most beszéljünk a writeln függvényről. Csak az oldal eredeti verziójának betöltésekor célszerű használni, így a belső tartalom megváltozik.

Az olyan függvények használatával, mint a writeln, létrehozhat egy teljes egészében JavaScriptben írt oldalt. Ezenkívül ez a funkció hasznos lehet, ha csökkenteni kell a szervertől érkező kérések számát.

Ennek a funkciónak a használatához írjuk a document.writeln parancsot, zárójelbe írjuk a változónk nevét, amely ezután megjelenik a képernyőn.

Jegyzet! A weblapokkal való munkavégzésre vonatkozó legtöbb utasítás a dokumentum névterének összetevője, ezért azt a függvény elé kell beírni, ponttal elválasztva.

Második út: figyelmeztető funkció

Nem szerepel a dokumentum névtérben, mint a writeln, így nem kell szerepelnie. Az Alert nagyszerű lehet a weboldal kódjának hibakeresésére. Használható felhasználói interakcióra is, de ez nem ajánlott.

Az Alert bármely JavaScript-függvény szabványos szintaxisával rendelkezik. Először az alert parancsot írjuk, zárójelbe az értéket vagy a változót.

Ezt követően az oldal tetején egy ablak jelenik meg a felhasználónak szóló üzenettel, amely egy „OK” gombot tartalmaz.

Ennek a funkciónak számos felhasználási területe lehet, de ne használja túlzottan, amikor egy webhelyen dolgozik, mivel a felugró ablakok irritálhatják a felhasználót. Ezenkívül egyes bővítmények blokkolják az olyan funkciókat, mint az alert.

JÁVA

var message = "Hello World!"; document.writeln("üzenet"); alert("üzenet"); document.getElementById("hl").innerHTML = "üzenet"

Másolat

Harmadik mód: getElementById függvény

Ez az információk képernyőn való megjelenítésének legbonyolultabb és legnépszerűbb módja. Ezzel megváltoztathatja HTML oldalának szöveges tartalmát.

Mint tudjuk, minden HTML címkének lehet azonosítója. A funkciónk nekik szól. A GetElementById az azonosítója alapján talál egy elemet, tetszés szerint módosítja a címke tartalmát, miközben a tartalom többi részét változatlanul hagyja.

Ez a függvény a dokumentum névterének része, amihez meg kell adni, mielőtt maga a függvény.

Amint azt már észrevetted, a getElementById mellett van egy értelmezhetetlen innerHTML parancs, amelyet egy egyenlőségjel és egy szöveges karakterlánc követ. Tehát ez a parancs az egyenlőségjellel együtt megkeres egy adott címkét, és „egyenlővé teszi” annak tartalmát az idézett karakterlánccal.

Ez a módszer a legalkalmasabb szöveg beszúrására JavaScripten keresztül, mivel számos előnnyel rendelkezik:

Nincsenek felugró ablakok, amikor a funkció fut.

A funkció csak HTML elemekkel működik.

Az idézett szöveg címkékbe csomagolható. Így a semmiből írhat JavaScript oldalt.

Következtetés

Ebben a cikkben arról beszéltünk, hogyan jeleníthet meg információkat a képernyőn. Ez történhet üzenetekkel, valamint a weboldal belső tartalmának megváltoztatásával. Csak a felületét karcoltuk meg a dokumentum névterének, amely számos funkcióval rendelkezik a weblapokkal való munkavégzéshez. A következő leckékben részletesen megismerkedünk velük.

A fenti funkciókkal saját maga is kísérletezhet, vagy letöltheti forrásainkat. Jó szórakozást a tanuláshoz!

Aztán megnéztük, hogyan kell kezelni a felhasználói eseményeket. Ezúttal azt fogjuk megvizsgálni, hogyan lehet néhány felhasználói bevitelt figyelembe venni, és másokkal kombinálni egy egyszerű üdvözlőoldal létrehozásához.

examples/js/pure_js_greating.html

Hello World Keresztnév: Vezetéknév: Köszönj! function say_hi() ( var fname = document.getElementById("first_name").value; var lname = document.getElementById("last_name").value; var html = "Hello " + fname + " " + lname; document.getElementById ("eredmény").innerHTML = html; ) document.getElementById("say").addEventListener("kattintás", mondd_szia); Próbáld ki!

Ebben a példában egy kicsit több HTML-ünk van, mint korábban. A gombon és a diven kívül, ahol az eredményeket fogjuk megjeleníteni, két beviteli elemünk is van. Mindegyik saját azonosítóval.

A JavaScript kódban van a say_hi függvény. A korábban megvizsgált getElementById metódust használja, hogy megkapja a bemenetet képviselő DOM elemet az id first_name azonosítóval. A visszaadott objektumnak van egy értékmetódusa, amely visszaadja a felhasználó által az adott mezőbe beírt szöveget.

Ezzel a módszerrel mindkét bemeneti elem tartalmát megkapjuk, és a kapott értékeket két változóhoz rendeljük: fname és lname .

Ezután ezekkel a változókkal létrehozunk egy HTML-részletet, és hozzárendeljük egy új html-változóhoz.

Ezután beállítjuk az innerHTML attribútumot (ahogy korábban is tettük), hogy a generált HTML-t jelenítse meg. Az eredmény így nézhet ki:

Nehézkes HTML készítés

Még egy ilyen egyszerű HTML-ben is többször kell a +-t használnunk, és a kód eléggé olvashatatlannak bizonyul. Képzeljük el, mi történne, ha egy összetettebb alkalmazást akarnánk létrehozni, ahol elemlistákat, vagy akár táblázatokat szeretnénk létrehozni. A HTML-t menet közben generálni és beilleszteni a DOM-ba elég fájdalmas lenne.

A Perl, Python vagy Ruby nyelven írt háttérprogramokban az emberek ugyanezekkel a problémákkal találkoztak. A megoldást különféle sablonmotorok létrehozása jelentette. Alapvetően a sablon egy HTML-részlet néhány helyőrzővel (kulcsszavakkal), egy bizonyos függvény ezt a HTML-részletet (sablont) kapja paraméterként, valamint több kulcs-érték párat. A függvény ezután egy új HTML-kódrészletet ad vissza, amelyben a helyőrzőket a megfelelő kulcsok kapott értékeivel helyettesíti.

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ó, domain levelezés, üzleti megoldások.

Világszerte több mint 700 ezer ügyfél választotta már.

Bootstrap keretrendszer: gyorsan adaptív elrendezés

Lépésről lépésre videó tanfolyam az adaptív elrendezés alapjairól a Bootstrap keretrendszerben.

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.

Ingyenes tanfolyam "Webhely a WordPressen"

Szeretné elsajátítani a WordPress CMS-t?

Szerezzen leckéket a WordPress webhelyek tervezéséről és elrendezéséről.

Tanuljon meg témákkal dolgozni és elrendezéseket vágjon ki.

Ingyenes videotanfolyam weboldal tervezésről, elrendezésről és telepítésről CMS WordPress-en!

*Vigye az egeret a görgetés szüneteltetéséhez.

Vissza előre

Változóértékek átadása JavaScriptről PHP-re és vissza

Ebben a rövid cikkben egy érdekes pontot fogunk megvizsgálni a változóértékek átvitelével kapcsolatban.

Néha szükségessé válik egy PHP változó értékének használata JavaScript szkriptben, vagy fordítva: van egy JavaScript változó, amelynek értékét kell használnunk egy PHP szkriptben.

Ebben az oktatóanyagban olyan egyszerű példákat tekintünk meg, amelyek lehetővé teszik, hogy megértse ennek megvalósításának általános mechanikáját.

A pontosság kedvéért azt javaslom, hogy hozzon létre egy gazdagépet a helyi számítógépén a névvel php_jsés helyezze oda a fájlt index.php, amelyben megfontoljuk a példáinkat.

Fájlkeret index.php egyszerű HTML jelölés lesz:

Változóértékek átadása

A nagyobb áttekinthetőség érdekében az összes kódot (beleértve a JavaScriptet is) a címkékbe fogjuk írni test.

1. PHP változó értékének átadása a JavaScript-nek

Írjuk be ezt a kódot a címkébe test:

1. PHP-ről JavaScriptre:

var userName = ""; document.write("PHP változó értéke: " + felhasználónév);

Tehát van egy PHP változónk névés jelentése Yuri, és az a feladatunk, hogy ezt az értéket megjelenítsük a képernyőn, de ne PHP, hanem JavaScript segítségével.

Ehhez a szokásos módon megnyitunk egy JavaScript kód blokkot, és benne deklarálunk egy tetszőleges nevű változót (esetünkben - felhasználónév). Most ehhez a változóhoz rendeljük értékként az operátor eredményét visszhang változóhoz képest név.

Amint láthatja, ezt egy PHP kód blokkjában tesszük, amelyet a változó karakterlánc-értékét körülvevő idézőjelek között nyitunk meg és zárunk be. felhasználónév JavaScript szkriptben.

Így a PHP nyelv használatával szintaktikailag helyes JavaScript kódot generálunk, amely megfelelően lefut.

Ennek a sornak a változóba való végrehajtásának eredményeként felhasználónév megkapja az értéket Yuri.

Ez minden. PHP változó értéke név JavaScript-változónak lett átadva felhasználónév.

Most már csak meg kell győződnünk erről a JavaScript-változónkban felhasználónév a várható érték tárolódik. Ehhez ennek a változónak az értékét jelenítjük meg a képernyőn a segítségével dokumentum.írni.

2. JavaScript-változó értékének átadása PHP-nek (GET metódus)

Itt, amint érti, a mi helyzetünk az ellenkezője. Van egy JavaScript változó, és ennek értékét valahogy át kell adni a PHP szkriptnek.

Nyilvánvaló, hogy ez a feladat némileg bonyolultabb, mert ha az első esetben (egy PHP változó értékének átadása a JavaScript-nek) már volt PHP változónk, aminek az értékét egyszerűen megjelenítettük a JavaScript kódon belül, akkor ez az opció itt nem fog működni.

Hiszen a PHP szkript semmit sem tud arról, hogy létrehoztunk egy bizonyos JavaScript változót. És nem fog tudni róla, amíg nem küldünk egy GET vagy POST kérést a szervernek, amely tartalmazza a JavaScript változó értékét.

Ekkor már a következő kérésnél elérhetjük ennek a JavaScript-változónak az értékét a PHP szkriptből.

A meglévő kód alá a következőket adjuk hozzá:

2. JavaScriptről PHP-re (GET módszer):

var userName2 = "Dmitry";

A JavaScript kód blokkján belül létrehozunk egy változót felhasználónév2 jelentéssel Dmitrij.

Itt az a feladatunk, hogy a PHP segítségével hozzunk létre egy megfelelő JavaScript szkriptet, amely újratölti az aktuális oldalt és egyúttal átviszi a fájlt index.php a címsoron keresztül (vagyis a GET metódus használatával) a JavaScript-változóban található érték felhasználónév2.

Ehhez az operátor segítségével megjelenítjük az oldalon a JavaScript kód nyitó blokkját visszhang, amelyen belül beállítjuk az aktuális oldal újratöltését JavaScript segítségével ( document.location.href).

Oldalcímként az elem értékét használjuk REQUEST_URI a globális tömbből $_SERVERés adjunk hozzá egy paramétert a névvel u_nameés a változó értékével egyenlő érték felhasználónév2.

Ennek eredményeként a feltételes konstrukciónk ha másígy működik:

1. Ha egy oldal elérésekor index.php a globális tömbben $_GET van egy indexes elem u_name(azaz a JavaScript segítségével történő átirányítás sikeresen működött), akkor megjelenítjük az átadott JavaScript változó értékét.

2. Ha az oldal elérésekor index.php a globális tömbben $_GET nincs indexes elem u_name, akkor a PHP által kiadott JavaScript szkript elindul, és ugyanarra az oldalra irányít át, de a paraméterrel u_name, amelynek értéke egy változó felhasználónév2(erről egy kicsit feljebb beszéltünk).

Most, amikor utal index.php ezt az eredményt kapjuk:

Amint láthatja, JavaScript segítségével adtuk át a változó értékét a címsorba felhasználónév2. Ennek eredményeként a tömbben $_GET egy indexes elem jelent meg u_nameés jelentése Dmitrij.

A probléma megoldódott, és a kapott értéket tetszőleges módon módosíthatjuk a PHP szkripten belül, amit az elem értékének megjelenítésével tettünk u_name a tömbből $_GET.

A generált oldal forráskódjában a következő képet fogjuk látni:

Ezzel a ponttal is foglalkoztunk, és maradt még egy lehetőség.

3. JavaScript-változó értékének átadása PHP-nek (POST metódus)

Az előző példában megvizsgáltuk, hogyan adjunk át egy értéket a böngésző címsorával (a KAP).

Most megvizsgáljuk azt a lehetőséget, hogy egy értéket a címsor használata nélkül adjunk át, pl. módszer POST.

Ebben a példában egy űrlap segítségével küldünk adatokat a szervernek a metódus használatával POST.

A meglévő kód alá írjuk:

3. JavaScriptről PHP-re (POST módszer):

var userName3 = "Sándor";

JavaScript változó értéke:

Kezdetünk hasonló: a JavaScript kód blokkjában deklarálunk egy változót a névvel felhasználónév3és jelentése Sándor.

Ezután áttérünk a PHP kódra. Látjuk, mi van az ágban ha a globális tömbben való létezést ellenőrizzük $_POST elem indexszel u_name.

Ha ez az elem megtalálható, akkor megjelenik, és a teljes mondat bekezdéscímkéje bezárul.

Ha ez az elem nem szerepel a tömbben $_POST az irányítás átkerül az ágra más.

Ehhez az operátor segítségével megjelenítjük az oldalon a JavaScript kód nyitó és záró blokkját visszhang, és ezeken belül szintaktikailag helyes JavaScript kódot generálunk.

A feladatunk a kimeneti parancs használata dokumentum.írni JavaScriptben jelenítsen meg egy normál HTML űrlapot az oldalon, és illessze be az egyetlen névvel ellátott szövegmezőbe u_name változóban tárolt érték felhasználónév3(Sándor).

A legnehezebb itt az, hogy ne keverjük össze az idézetekkel és azok szökésével.

Éppen ezért, az ilyen szkriptek írása előtt azt javaslom, hogy először hozzon létre egy külön fájlt és írjon bele tiszta JavaScript kódot, amely megjeleníti a formát és helyettesíti a változó értékét a mezőben felhasználónév3.

Ha ezzel elintézted, visszatérhetsz a forrásfájlhoz, és az lesz a feladatod, hogy pontosan azt a kódot add ki, amit kicsit korábban írtál. Ezúttal PHP használatával.

Mi pontosan ezt csináljuk a fióktelepen más. Vegye figyelembe, hogy a kimeneti szöveg (az üzemeltetőnek szánt visszhang) dupla idézőjelek közé tartozik. Ennek megfelelően a tervezéshez dokumentum.írni egyetlen idézőjeleket használunk.

Ez a körülmény ahhoz a tényhez vezet, hogy ki kell hagynunk az összes idézőjel karaktert, amely a nyitó és záró idézőjelek között található, és korlátozza a konstrukció karakterláncának kimenetét. dokumentum.írni.

Ha most felmegy az oldalra index.php, akkor az eredmény a következő lesz:

Mint látható, a „JavaScript változó értéke:” kifejezés után egy üres szóköz van, pl. a PHP szkript még nem kapta meg a JavaScript változó értékét felhasználónév3. És ez érthető – elvégre még nem érkezett olyan kérelem a szerverhez, amelyben ezt az információt továbbíthatták volna.

Ugyanakkor lent a formában van a szó Sándor- csak a JavaScript változó értéke felhasználónév3.

Csak azért szúrtuk be ide, hogy elküldjük az űrlapot, és átadjuk ennek a változónak az értékét a metódussal POST jelenlegi forgatókönyvünk index.php(ha attribútum akció hiányzik, az adatok átkerülnek az aktuális szkriptbe).

A küldés gombra kattintva a következő képet látjuk:

Mostanra eltűnt a formánk, mert... az ágon már dolgoznak ha, és helyette a változó értéke jelenik meg.

Nos, ezzel a feladattal is megbirkóztunk - a JavaScript-változó értékével felhasználónév3átadtuk a PHP szkriptet és megjelenítettük a képernyőn a tömbből $_POST.

Ezzel véget is ért ez a rövid cikk. Nagyon remélem, hogy segít megérteni a változó értékek átadásának alapelveit JavaScriptről PHP-re és fordítva.

A szöveges adatok megjelenítése a képernyőn JavaScriptben két operátor használatával történik: Alert és Write.

Riasztási nyilatkozat JavaScriptben

A szöveg (információ) JavaScriptben való megjelenítésének ezt a módját az jellemzi, hogy a böngésző képernyőjén megjelenik egy üzenetet tartalmazó kis ablak - ezt párbeszédpanelnek is nevezik. A panel jellemző tulajdonságai az OK gomb és a szöveges információk jelenléte.

Nézzünk egy példát egy üzenet megjelenítésére JavaScriptben: Alert("Hello! Hogy vagy?") // a megfelelő üzenet jelenik meg a párbeszédpanelen

Ugyanígy a JavaScript-ben az Alert operátor segítségével adatokat jeleníthetünk meg a képernyőn (szöveg, képek, üzenetek).

Ez az üzenetmegjelenítési mód akkor kényelmes, ha a szöveges üzenet kicsi, és nem igényel formázást. Ellenkező esetben az írási operátort kell használnia.

Írjon nyilatkozatot JavaScriptben

Ezt a módszert a dokumentumobjektum biztosítja. Ezért az üzenet kimeneti utasítása így fog kinézni: document.write(‘Szöveges információ’) . A szöveg nem a párbeszédpanelben, hanem a böngészőablakban jelenik meg.

Az első módszerrel ellentétben a dokumentumunkat HTML nyelvi címkék segítségével formázhatjuk. Az üzenetet tartalmazó sor ebben az esetben úgy fog kinézni, mintha a HTML oldal része lenne.

Formázási példa: document.write(" Így van formázva a szöveg")

Ha az üzenet nagy, a + szimbólum segítségével több részkarakterláncra osztható. document.write("Válassza el a " + " üzenetet + jellel")

JavaScript adatbevitel

Kétféleképpen is megadhat adatokat a JavaScriptben: hívás megerősítése vagy hívási prompt. Mindkét módszer, például a riasztás, működik a párbeszédpanelen, de különböző feladatai vannak. Az első megköveteli, hogy a felhasználó csak egyet válasszon a két lehetőség közül, míg a második egy űrlap kitöltését írja elő.

1. Erősítse meg a nyilatkozatot JavaScriptben

Ha ezt az operátort használja, a felhasználó egy párbeszédpanelt lát a képernyőn, amely valamilyen üzenetet tartalmaz, és közvetlenül alatta - két gomb - Ok és Mégse. Erre a módszerre akkor van szükség, ha a program intézkedést igényel a felhasználótól - bizonyos információk megerősítését vagy cáfolatát.

Nézzünk egy példát a megerősítési utasítás használatára:

document.write("Tovább...")

A script így működik:

Megjeleníti a felhasználónak szóló üzenetet: „Készen állsz a link követésére?” és várja a tetteit.

Ha a felhasználó rákattint az igenre (Ok), a program megjeleníti a „Let's tovább...” üzenetet.

Ha a felhasználó a Mégse gombra kattint, a képernyőn megjelenik a „A hivatkozás törölve” üzenet.

2. A prompt operátor a JavaScriptben

Ez az operátor azt várja el a felhasználótól, hogy ne csak az OK-ra vagy a Mégse gombra kattintson, hanem ki kell töltenie valamilyen űrlapot. A felhasználó látni fog egy üzenetet és egy sort, amelyben adatokat kell megadnia (dátumok, számok, üzenetek). Ha adatokat ír be és az OK gombra kattint, akkor a prompt metódus beolvassa a sor tartalmát és megadja a változónak. Ellenkező esetben (a cancel megnyomásakor) a változó null értéket kap.

Így ennek a módszernek 2 paramétere van. Az első olyan szöveg, amely elmagyarázza a felhasználónak, hogy mit kell tőle elvárni. A második pedig az az érték, amelyet a változó akkor kap, ha a felhasználó rákattint (mégse).

Nézzünk egy példát: var s // deklarálunk egy változót a nem definiált primitívvel

s=prompt("Adja meg a nevét", "Nincs név megadva") // a prompt operátor két paramétere

document.write(s) //változó értékének megjelenítése