Frontend jegyzetSearch...
Browser Object Model
window objektum
Az ES-ben a window egy olyan object lesz, amely az adott böngészőlapot fogja leírni, valamint a hozzá kapcsolódó eseményeket tudja kezelni.
Információ
Az alább felsorolt API-ok, valamint a DOM is része a window objectnek.
Továbbá a console, az alert, a prompt és a confirm is!
Location API
Az API segítségével egy location nevű objectet kapunk, amelyen keresztül a böngésző címsorát érjük el és tudjuk kezelni. A következő tulajdonságokkal rendelkezik:
hostname | localhost |
host | localhost:5500 |
protocol | http: |
port | 5500 |
pathname | /index.html |
href | http://localhost:5500/index.html?name=Zsombor |
search | ?name=Zsombor |
reload() | Újratölti az oldalt |
replace() | Átvisz mintket egy új oldalra |
Képesek vagyunk rá, hogy az URLSearchParams osztály segítségével, a GET-es paramétereket Mapként tudjuk kezelni, ezáltal felhasználhatóvá válnak például szűréshez.
JavaScript
const params = new URLSearchParams(location.search);
Innentől a params egy olyan Map amelyben minden GET-es paraméterünk meglesz.
Navigator API
A navigation objektum olyan információkat tartalmaz, amely a böngésző (egy adott fülön belüli) lapok közötti mozgását figyelni. Ilyen módom le tudjuk kérdezni, hogy tudunk-e előra vagy vissza menni a lapok között, vagy melyik a mostani lap amin vagyunk.
Screen API
A screen-en keresztül ahhoz férünk, hozzá, hogy a böngészőnk, hogyan viszonyul a kijelzőnkhöz, például mekkora a jelnlegi ablak, milyen a képernyő tájolása, van-e másik kijelzőnk.
History API
A history mondja meg nekünk, hogy hány lapot nyitottunk meg eddig az adott fülön. Valamint ennek segítségével tudunk mozogni a korábbi vagy későbbi lapok között.
.back() | Vissza megyünk az előző lapja |
.forward() | A következő lapra ugrunk |
.go() | A számnak megfelelő lapot megyünk előre vagy vissza. Negatív szám visz minket vissza, pozitív előre. |
Ellenőrző kérdések
- Hogyan tudunk egyik HTML oldalről a másikra navigálni?
- Hogyan tudjuk a
GET-es kérésben átadott paraméterek lekérni. - Mi lesz a végeredménye a
history.go(-3)-nak? - Milyen eddig tanult függvények tartoznak a
windowobjektumba? - Milyen kapcsolatban van a BOM és a DOM?
\pagebreak