2012-10-05 15 views
5

Przepraszam za mój tytuł, nie wiem jak o to zapytać ... Jeśli przejdziesz na stronę www.usatoday.com i klikniesz dowolny link, nastąpi przejście (fajne) Chcę zapytać, czy ktoś wie, jak zmienić przykład adresu URL:Efekt przejścia USATODAY ze zmianą adresu URL

Kliknąłeś/news/i jesteś na/sport/robi przejście, ponieważ jest suwakiem, ale URL zmienia się, ponieważ jest to kolejna strona ...

Jeśli ktoś zrozumie, o co chce zapytać, będzie bardzo pomocny.

PD Przepraszam za mój zły język angielski

+1

Opublikowałem [tę odpowiedź] (http://stackoverflow.com/questions/12338302/how-to-make-browser-back-and-forward-work-on-a-single-page-layout/12338334# 12338334) kilka tygodni temu, z pewnymi zasobami, jak zmienić adres URL, nawet jeśli posiadasz strukturę jednostronicową. Przynajmniej może ci pomóc w części twojego pytania. –

+0

HTML 5 w miejscu pracy ... –

Odpowiedz

3

Myślę, że serwis internetowy jest pełną aplikacją JavaScript lub powiedz jedną aplikacją strony. Tak więc nie ma rzeczywistych przeładunków.

Zmiana URl to nowa funkcja oferowana w języku HTML5 w celu zmiany adresu URL wyświetlanego w przeglądarce * za pośrednictwem javascript bez ponownego ładowania strony. Stworzy także zdarzenie back-button, a nawet będziesz miał obiekt stanu, z którym możesz wchodzić w interakcje.

Oznacza to, że nie będziesz już musiał używać haszu haskiego, jeśli chcesz dodać stan do aplikacji AJAX, a wyszukiwarki będą mogły również indeksować twoje strony.

window.history.pushState("object or string", "Title", "/new-url"); 

Można użyć History.js aby ta funkcja przeglądarek HTML4 kompatybilne.

+0

Dziękuję za odpowiedź, którą już odkryłem, ale zapomniałem napisać ją tutaj. Dzięki! –

0

Nie są one rzeczywiście łączy w tym sensie, że wskazują one przeglądarkę do nowego adresu URL. Zasadniczo mają one obszar nagłówka (który jest nieco statyczny) oraz obszar zawartości, który jest animowany i dynamicznie ładowany za pośrednictwem wywołań Ajax.

Zasadniczo, wszystko odbywa się za pomocą Javascriptu po stronie przeglądarki/klienta i przy użyciu usług sieciowych po stronie serwera, które zwracają rzeczywistą treść do wyświetlenia.

+0

Strona wygląda bardzo ładnie i nowocześnie. Chciałbym wiedzieć, czy użyli framework, czy napisali html5 od zera. – Cris

+0

Z tego, co widzę, patrząc przez chwilę, korzysta z jQuery, Underscore.js, modernizr i require.js. Wygląda na to, że nie używają żadnego frameworka, więc prawdopodobnie zwinęli własną bibliotekę dla strony. –

Powiązane problemy