Módosítása az oldal címét anélkül, hogy az újraindítás vagy HTML5 történelem api
Néhány nappal ezelőtt kísérletezett betöltésével az összes oldalak AJAX technológia és képes hozzáférni az oldalakat közvetlenül takmi segítségével #hash. Általában azonban ez cross-browser módon úgy tűnt nekem, nem túl kényelmes, de még mindig nehézkes. És akkor eszembe jutott, hogy a HTML5, kezelheti a böngésző előzményeit. „Itt van - a weboldal álmaim”, gondoltam.
Azonnal hozza az oldal kódja példa.
Oldal 3 linkeket, amelyek mindegyike meghatározott onclick esemény, ami miatt followLink funkció (esemény ez.) A függvény két paramétert, egy elem és egy esemény link.
A fő jellemzője a funkció kihívás pushState módszer:
Amikor a felhasználó megnyit egy új oldalt egy teljes frissítés, akkor a böngésző tárolja az új URL-t a böngésző előzményeit. Ha a felhasználó megnyomja a „Vissza” gombot, a böngésző eggyel lap történetében, és visszaadja a felhasználónak. De most, amikor egy teljes oldalt újratöltés nem történik meg, és nem természetvédelmi történelem nem fordul elő túl.
Szintén fontos megjegyezni, hogy ha a gomb „Update” megnyomjuk, vagy hozzáférési kísérlet ezen az oldalon közvetlenül, semmi sem fog történni. Így a motor egy oldalon kell biztosítani a mechanizmus betöltése oldalak és a teljes újraindítást.
History API támogatja a következő böngészők:- firefox 4.0+
- Safari 5.0
- Chrome 8.0+
- Opera 11.10+
- IE 9.0