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 document
az, 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.
Harmadszor, ez an object console
az, 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 document
szkriptbe 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 window
van, 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
- Cancel
ké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 OnLoad
tö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>