Igen, itt van, itt van! A webhely minden készítője vigyázzon, értesülünk arról, hogy Javascript úr éppen megérkezett. Ki lehet? Ahh, nem HaTMatiLka úr gyakran emlegetett kollégája indítja el a dolgokat? Igen, igazad van.
Egészen a közelmúltig csak statikus oldalakkal volt lehetőségünk találkozni az interneten. Más szavakkal, a helyszín reggel, ebédre és este ugyanúgy nézett ki. A szkriptnyelv nagy kiterjesztésének és népszerűsítésének köszönhetően JavaScript, most mindenkinek lehetősége van arra, hogy viszonylag egyszerű módon gazdagítsa az oldalt különféle interaktív elemekkel. Lehetőség van játékok, egyszerű alkalmazások, prezentációs elemek és más érdekes dolgok programozására.
A sorozat ezen és későbbi részeiben fokozatosan ismerkedünk meg a programozás alapjaival JavaScript. Természetesen mindent szemléltető példákkal fogunk elmagyarázni, ami nem lesz gond. Nos, elég volt az elmélet, térjünk rá.
Hol rejtegetném ?!
Ben írt szkriptek JavaScript elhelyezhető egy HTML dokumentum bármely részében. Néha azonban hasznos egy szkriptet egy címkébe felvenni. Ez különösen fontos, ha azt akarjuk biztosítani, hogy a webhely látogatójának mindaddig nincs lehetősége semmit sem tenni a webhelyen, amíg maga a szkript nincs betöltve.
1.1. Példa: Szöveg beírása JavaScript használatával
Ha ezt a példát egy JavaScriptet támogató böngészőben nézzük, akkor az oldal a következőket fogja látni: Ellenkező esetben egy teljesen üres oldal jelenik meg.
Annak érdekében, hogy az oldal böngészője tudja, hogy vannak szkriptek az oldalon, el kell helyezni a szkript forrás formáját a címkék közé. A megjegyzéscímkék azért vannak jelen, hogy a régebbi oldalböngészők, amelyek nem tudják értelmezni a JavaScript-et, ne sorolják feleslegesen az oldalon a szkriptforrásokat.
Ez az első alkalom, hogy találkozunk a document.write () függvénnyel ebben a szkriptben. Ezt a funkciót használják szöveg beírása oldalon. Ha idézőjeleket tartalmazó szöveget kívánunk használni, vagy címkéket akarunk használni a szövegben, akkor a document.write ('text') űrlapot kell használni a document.write ("text") helyett. Annak érdekében, hogy a böngésző ne keverje össze a sok idézetet, és pontosan tudja, miről beszélünk.
Szia? Ki van ott ?
Ebben a részben a JavaScript használatával meghívható párbeszédpanelekről fogunk beszélni. Többféle párbeszédpanelt ismerünk fel, nevezetesen: tájékoztató (Figyelem), megerősítés (OK Mégse), belépés (beillesztés) a téves (hiba).
Információs ablak tanácsos olyan helyzetekben használni, amikor valamilyen értesítésről értesítenünk kell a webhely látogatóját. Aktiválva az window.alert () függvény meghívásával.
Megerősítő ablak széles körben alkalmazzák azokban az esetekben, amikor meg kell találnunk a választ egy igen/nem kérdésre. A window.confirm () függvény meghívásával aktiválható. Ezután a látogató választhat, hogy egyetért-e a kérdéssel (Ok) vagy sem (Mégse).
Bejárati ablak akkor használatos, ha információt kell szereznünk egy webhely látogatójától. Az window.prompt ().> Funkció meghívásával aktiválható
Hiba ablak automatikusan meghívásra kerül, amikor a böngésző egy nem létező JavaScript paranccsal/funkcióval/módszerrel találkozik, azaz. ha helytelenül programozzuk a szkriptünket.:-)
Gyermek vagy felnőtt? Nem tudod ?
Mivel mini példákban megismerkedtünk a JavaScript első alapvető építőelemeivel, elkezdhetjük az első kissé összetettebb szkript programozását. Mit szólna egy egyszerű vetélkedőhöz, amely meghatározza az érettségit a megadott adatok alapján? Lehet ?
Hogyan működik mindez? Az oldal betöltése után ez a szkript köszönti és üdvözli. Majd megkérdezi a nevét, majd az életkorát. Végül kiértékeli a beírt adatokat, azaz. hogy életkora szerint ő határozza meg, hogy gyerek vagy-e vagy felnőtt, és az oldalra írja a vetélkedő eredményét.
A korábbi példákkal ellentétben, amelyekben nem kellett párbeszédablakokból származó adatokat feldolgoznunk, ebben a példában az egyes ablakok tartalmát különböző változók. Változó ez arra szolgál, hogy tároljuk az adatokat (numerikus, szöveges vagy logikai), hogy ezeket később értékelni és feldolgozni tudjuk a következő lépésekben. Változóhoz név hozzárendeljük a szöveget, amelyet a látogató beilleszt az ablakba. például. név = ablak.prompt ("Mi a neved?"); Ugyanez igaz a változóra is kor, amely megőrzi a látogató életkorát.
Építkezés ha a más értékeli a kifejezés valódiságát, és ennek megfelelően hajtja végre a szükséges műveletet. Esetünkben azt tapasztaljuk, hogy a látogató életkora kevesebb-e, mint 18. Ha a kor kevesebb, akkor a kifejezés (kor
Hmm, nehéznek találod a JavaScriptet? Igazad van, nekem is úgy tűnt:-) De, most komolyan. Ha még mindig van kérdése vagy kisebb káosz, akkor nézze át újra a példákat, és próbálja ki őket a böngészőjében. Csak kísérletezzen. A sorozat következő részében megmutatjuk, hogyan lehetséges. de hagyd, hogy meglepődj. Amíg nem hal meg a kíváncsiság, javasoljuk, hogy keresse fel a www.javascripts.com és a www.javascript.sk weboldalakat, amelyek nagyszámú, már beprogramozott szkriptet tartalmaznak.
Sok sikert a JavaScript használatához,
MELLÉKLET: Alapjelek és karakterek formázása
A szkriptek programozásakor felmerülhet egy másik kifejezés kiértékelésének szükségessége, ezért bemutatjuk azokat az alapvető értékelési jeleket, amelyeket használnak.
| > | nagyobb, mint |
| kevesebb, mint | |
| == | egyenes (kettőként írunk = egymás után) |
| > = | nagyobb vagy egyenlő |
| kisebb vagy egyenlő | |
| != | más mint |
Lehet, hogy észrevette, hogy a kvízparancs néhány sora tartalmaz bizonyos karaktereket. Például. jel \ n abban a sorban, amelyben az információs ablakot behívják. Az ilyen karaktereket formázásnak hívják, és különféle funkciókat látnak el. A JavaScript által támogatottak a következők: