HTML5, JavaScript dinamikus helyettesítés url újratöltés nélkül az oldalon - Web jegyzetek és internetes tippek

Ezt használja pushState () vagy replaceState () window.history objektumot.

például:

// emulációs ugrás oldalra „/oldal2.html” újratöltés nélkül az oldalon
history.pushState (2 "2. cím", "/oldal2.html");
// felváltja a jelenlegi URL-t a „/page3.html”
history.replaceState (3, "2. cím", "/page3.html");

Segítségével az 1. funkcióparaméterrel lehet azonosítani „oldalon állapotban”, amikor bekapcsolja a történelem.
Például: ha elkapja megváltoztató esemény oldalon állapot (esemény: «popstate»), akkor, hogy több átmenetek «pushState» funkciót. majd nyomja meg a „Vissza” gombot. A paraméter «állapotban» rendezvények, megkapjuk az értéket az 1. paraméter vezetünk telepítése során ezt az oldalt. A paraméter értéke is lehet az objektumot.

például:

// Set handler "popstate" események:
window.addEventListener (popstate "funkció (esemény) // az adatokat összegyűjteni az oldalon állapot konzol„event.state”:
console.log ( "Oldal állami adatokat:" event.state);
>, False);
// emulációs ugrás oldalra „/page4.html”
history.pushState (4 "4. cím", "/page4.html");
// majd - az oldalon „/page5.html”
history.pushState (5 "5. cím", "/page5.html");

És ha ezek után kódot, nyomja meg a „Vissza” gombra a böngészőben, mi lesz a konzol üzenet:

>> Oldal állami adatok: 5

Biztonsági okokból nem tudja megváltoztatni a domain nevet.

Abban az időben az írás, az oldal URL dinamikus csere működtetni csak a Firefox 4 és a legújabb változat a böngészők a motor WebKit (Chrome. Safari).
(Abban az időben dátuma: már dolgoznak az Opera)
Ennek ellenére ez a mechanizmus már intenzíven használják facebook.com, vkontakte.ru és mások.