java script


Java Script - ez könnyű. 1. rész

Egy másik nagyon fontos része a programozás JS események és eseménykezelők. Esemény főleg által kezdeményezett egyes felhasználói tevékenységek. Minden intézkedés leír egy bizonyos típusú esemény. Mondjuk, ha megnyomja az egér gombját, az esemény az úgynevezett „Click” metszéspontjában az egérmutatót a hipertext kapcsolat - MouseOver esemény. Annak érdekében, hogy a program reagál ezekre az eseményekre, az általunk használt speciális esemény-kezelő programot. Például a program - egy kattintással kezelőt hívja onClick eseményt, és azt mondja a számítógép, mi a teendő, ha ez az esemény bekövetkezik. Az érthetőség kedvéért ismét hozzon létre egy egyszerű példát. Hozzon létre egy űrlapot, amely tartalmazza a gombot, ha rákattint, megjelenik egy legördülő menüből.



tesztoldal





A teszt gomb megnyomásával gomb felhoz egy ablakot a szöveg „tesztet végzünk!” (Ábra. 1). Nézzük részletesen az egyes utasításokat a kódot.

csapat

hozzon létre egy űrlapot egy gombot. Képesség meghatározza, hogy mi történik, ha egy kattintás az egér gombját. Így, ha van esemény Kattintson a számítógép hívja alert ( „teszt készül!”). alert () függvény létrehoz egy legördülő ablakban. Amikor szükség van, hogy hívja a zárójelben meg bizonyos húr, hogy megjelenik a legördülő listában. Amint az a kód szerkezet riasztási () használjuk egyetlen idézetek. Ennek oka, hogy a legtöbb esetben lehet használni mindkét idézetek. És nem számít, milyen sorrendben kell használni őket: az első dupla, majd az aposztróf jelet, vagy fordítva. A példában használt első kettős, és miután az egyszeres idézőjelbe, mert ha már alkalmazzák az építkezés két idézőjelek - A teszt „)”, akkor a számítógép nem lenne képes megérteni a forgatókönyvet, mert nem egyértelmű, hogy mely része a tervezés kell működnie onClick esemény feldolgozása, és amelyre - nem.

Így a doboz tartalmaz szöveget adtak át a funkciót JS riasztást. Ez a megkötés vonatkozik biztonsági okokból. Legördülő listában, akkor létre, és a prompt () eljárással (lásd. Ábra. 2), de ebben az esetben, a doboz reprodukálni a szöveget a felhasználó által megadott, és mivel a forgatókönyvet, írta a „gonosz hackerek” formáját öltheti a rendszer üzenetet, és kérje, hogy adjon meg egy jelszót. A mi esetünkben, egyértelmű, hogy az ablakot által létrehozott böngésző, nem az operációs rendszer, és azt nem lehet csak felvenni és eltávolítani.

Nagyon kényelmes módja annak, hogy JS olyan függvények, a legtöbb esetben használható olyan módon, hogy összekapcsolják több csapat. Szemléltető példaként tegyük fel, hogy van egy csomó időt átvennünk néhány szekvencia sornyi szöveget. A már megszerzett tudás JS nyelv, tudtuk használni a document.write parancsot, akkor a következő kód:

A szabad szemmel látható, hogy a szerkezet épül irracionálisan. Rekonstruálni a kódot a funkció:

Minden parancs a forgatókönyvet, hogy belül van a kapcsos zárójelek tartoznak FreeFunc () függvény által létrehozott számunkra. Most mindkét csapat document.write () vannak összekötve, és el lehet végezni egy hívást az említett funkciót. Akkor hívja FreeFunc () háromszor után azonnal megadta a meghatározása a funkciót is. Ez vezet az a tény, hogy a funkció végrehajtásakor háromszor, azaz Mindkét vonal lesz nyomtatva háromszor. Zest, hogy a képességét, hogy változó a függvény hívás ad igazi rugalmasságot szkripteket. Funkciók használhatók együtt esemény feldolgozási eljárások során. Például, lehetséges, hogy hozzon létre egy függvényt Calc (), amely két változó x és y, és a matematikai műveletet eredményt tárolja a változó eredmény. Az utolsó funkció paranccsal adhatja alert (eredmény). Következő számított () függvény is előhívhatók kattintva a parancs gombra. ennek eredményeként kapunk egy pop-up ablak a számítás eredményét.

Munka ablakok

1. táblázat A főbb paraméterek hoz létre ablakot JS

Vegyünk egy gyakorlati példát a teremtés egy új ablakot a böngészőben:

Ennek eredményeként a program, akkor egy gomb a böngésző ha rákattint, létrehoz egy új ablak a szöveget (lásd. Ábra. 3).

Létrehoztunk egy függvény OpenWindow () megnyit egy új böngészőablakot. Az első érv, hogy nyissa ki () függvény - egy üres string ( „”) - azt jelenti, hogy ebben az esetben nem akarunk adni egy adott egy URL-t és JS hozzon létre egy új dokumentumot. A script, mi határozza meg a változó MyWindow, amelyen keresztül kap hozzáférést az új ablak (használat erre a célra az ablak nevét (TestWindow) ebben az esetben lehetetlen). A létrehozott ablak méretei 300x100 pixel, és nincs státusz sor sem eszköztárban vagy a menüben. Megnyitása után az ablak belső nyitott dokumentum objektum szöveges kijelző. Ezt használja myWindow.document.open () parancsot. Itt viszont a nyitott () - módszer dokumentum. Ez a parancs nem nyit ablakot - előkészíti a dokumentumot további kimenet. Nagyon fontos, hogy előtte document.open () előtag MyWindow, hogy képes nyomtatni egy új ablakban. A továbbiakban script a document.write () hívás egy új szöveges dokumentum keletkezik és annak paramétereit. Ehhez írjon az okmány normál HTML. Ebben az esetben, akkor teljesen olyan nyelvi címkéket Hypertext Markup HTML. Befejezése után a munkát a csapat dokumentum (), akkor kell bezárni, amelyek használata myWindow.document.close () parancsot.

Amikor megnyitjuk az ablakot, meg kell használni a három érv:
MyWindow = open ( "page.htm", "TestWindow",
"Width = 300, height = 100, status = no, eszköztár = no, menüsor = no");

Ebben a példában megadjuk egy adott URL-t (oldal.html) és a második érv - egy ablak nevére. Ismerve a neve az ablak, akkor képes betölteni egy új oldalt segítségével felvétel

Meg kell adnia a nevét az ablakon, és ha egy ilyen ablak nem létezik, az azonos nevű jön létre az új. Ne hibázni: változó myWin - nem ez a neve az ablak, de csak a segítségével ez a változó, akkor érheti el. Hatálya ezt a változót az csak egy script, ahol meg van határozva. De az ablak nevét (TestWindow) - egyedi azonosítóval, amely felhasználható minden a böngészőablakot. A funkció használatához close () az ablak bezárásához, és minden mást azonos dolgozik az open () függvény.

A JS, akkor írj a böngésző status bar - elég csak írni a szöveget windows.status. Ismét megnézi technikákat dolgoznak ezzel a funkcióval a példa. Hozzon létre egy script, hogy ha rákattint a gomb megjeleníti a megadott szöveget az állapotsorban, ha megnyomja a második gombot - kitörölni:

A program futtatása a böngésző, akkor egy űrlap két gomb. Ha megnyomja a Be StatBar szöveg az állapotsorban megjelenik a „nyomja meg a Be gomb” gombra, és tisztítani (lásd. Ábra. 4), ha megnyomja Off StatBar (Clear text) állapotsorban.

Tehát van egy űrlapot két gomb, mindkettő mert az a funkció StatBar (). Ha megnyomja a Be StatBar szöveg funkciót nevezik
az alábbiak szerint: StatBar ( 'On gomb megnyomva). Az idézett szöveg az a szöveg, hogy látni fogjuk az állapotsorban. Az viszont, StatBar () funkció nyilvánították a következőképpen:

funkció StatBar (TXT) window.status = txt;>

A függvény zárójelben tesszük (txt). Ez azt jelenti, hogy a húr mentünk ez a funkció kerül a változó txt, txt és a húr belépett az állapotsorban a window.status = txt parancs. Ennek megfelelően a szöveg elhagyását az állapotsorban kerül végrehajtásra post window.status üres string ( „”). Segítségével bejegyzések szövegének az állapotsor korlátlan. Akkor fel linkeket magyarázatot, ha lebeg a kurzort, hozzon létre egy görgethető szöveges vagy egyszerű a használata, hogy a dátum és az idő.

Segítségével az időzítő funkció (timeout) lehet végezni néhány parancs után egy meghatározott ideig. Megmutatom ezt a szkriptet:

3 másodperc után megnyitása után az oldalak pop-up ablak, amely azt mondja: „Üdvözöljük a” MyHome „” (lásd. Ábra. 5).

SetTimeout () - ez a módszer az ablak. Célja, hogy a program milyen gyakran. Az első érv a hívást - a kód JS, amelyeket el kell végezni, miután a megadott időben (ebben az esetben a riasztás ()). A második érv lehet megadni, ha a kódot kell végezni. Ugyanakkor, ezredmásodpercben.

böngésző ablak lehet osztani több képkocka. A keret egy általános fogalom - egy olyan területen, a téglalap alakú. Mind a frame-ben dokumentumot. Keretek megteremtése még egy HTML-probléma, de röviden áttekinti a főbb pontjait ennek a folyamatnak a nyelvi JS. címkék létrehozásához használt keretek és . A következő példa létrehoz egy script, amely elválasztja az oldalt böngésző 5 keretek, és a terhelést mindegyik külön oldalon:













Az eredmény fut ez a script ábrán látható. 6.







Ezután hozzon létre egy egyszerű HTML-oldal „Start.htm”:


otthon
Ez a honlap a honlapunk

És a navigációs sáv menü:

funkció terhelési (URL) parent.main.location.href = url;>

Írásbeli a zárójelben url. A mi példánkban ez azt jelenti, hogy a húr „1.htm” egy függvényhívás tárolja a változó url. És ez az új változó már fel lehet használni, ha dolgozik benne a load () függvény.

Paul Kuczynski, pawelk_kg # 64; tut.by

Kapcsolódó cikkek