Browser Object Model 23.11.20
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.
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.
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. |
\pagebreak