4.1 Böngészőobjektumok

Amint azt már tudja, a JavaScript nyelv a böngészőn belül működik, tehát valahogyan kölcsönhatásba kell lépnie ezzel a böngészővel. Ehhez a böngésző számos objektummal és funkcióval rendelkezik, amelyek JavaScriptből érhetők el.

Az első a an object window, amely a böngészőablakot írja le. Illetve régebben leírtam, amikor a böngészők lapok nélkül voltak. Most az ablakobjektum azt az aktuális böngészőlapot írja le, amelyen a szkriptet tartalmazó oldal betöltődik.

Másodszor, ez an object documentaz, aki felelős a lapon megjelenő dokumentumért. Ez kissé zavaró lehet. Az egyszerűség kedvéért tegyük fel, hogy a dokumentum az, ami megjelenik a felhasználó számára, és az ablak az, amiben ez a dokumentum jelenik meg.

Java university

Harmadszor, ez an object consoleaz, amelyik felelős a böngészőkonzol kimenetéért. Igen, a böngészőknek is van konzolja, főleg a script hibakeresésére, hibaüzenetek megjelenítésére használják. Általában a böngésző F12 gombjának megnyomásával nyithatja meg.

Object window, az összes oldalobjektum legfelső szintű objektuma. És bár közvetlenül írhat objektumneveket a documentszkriptbe console, valójában a nevük window.documentés a window.console.

4.2 Párbeszédek a JavaScriptben

alert() metódus

Számos olyan funkciója is an object windowvan, amelyeket az oldal szkriptje láthat. A leggyakrabban használt a alert(). Lehetővé teszi egy párbeszédpanel megjelenítését a felhasználónak szóló üzenettel. A szkript ezután felfüggesztésre kerül, amíg a felhasználó az OK gombra nem kattint.

Példa:

alert("JavaScript is the best!");

prompt() metódus

Van egy funkció is, amellyel megkérheti a felhasználót, hogy adjon meg valamilyen értéket - ez a prompt().

Példa:

var age = prompt("Enter Year of Birth");

megerősítés() metódus

Megjeleníthet egy párbeszédpanelt két gombbal Ok- Cancelkérdezze meg a felhasználót valamilyen műveletről.

Példa:

var isOK = confirm("Are you ready");

4.3 onload() esemény

És még egy hasznos és érdekes pillanat. A böngészőablakban van egy esemény , amely a dokumentum teljes betöltésekor aktiválódik. Megadhatja a dokumentum betöltése és megjelenítése után végrehajtandó kódot.

Ezt háromféleképpen lehet megtenni.

Először is beágyazhat JavaScript kódot közvetlenül egy HTML-oldalba attribútumértékként:

<body onload="alert('document loaded');">
  <img src="big-image.png">
</body>

Másodszor, JavaScript kódot egyszerűen beágyazhat egy HTML-oldalba:

<head>
    <script>
        function load()
        {
            alert('document loaded');
        }
        window.onload = load;
    </script>
</head>
<body>
    <img src="big-image.png">
</body>

Harmadszor, egy anonim függvény deklarálásával egy kicsit rövidebbre is írhatjuk:

<head>
    <script>
        window.onload = function () {
            alert('document loaded');
        }
    </script>
</head>
<body>
    <img src="big-image.png">
</body>

4.4 onclick() esemény

És végül egy másik fontos esemény (esemény) a event OnClick. Ez minden olyan elemen előfordul, amelyre a felhasználó rákattintott. Ahogyan event OnLoadtöbbféleképpen beállítható, így csak a legegyszerűbbet adjuk meg:

<body>
  <img src="big-image.png" onclick="alert('user clicked on the image');">
</body>