¿Cómo crear enlaces #anchor & # 8220; esquems de W3C o Gmail & # 8221 ;?

Question

Si usa Gmail, verá URL en la barra de direcciones como:
https://mail.google.com/mail/#inbox
https://mail.google.com/mail/#starred
Si va a una de estas URL, saltará directamente a la vista correspondiente.

Un ejemplo similar está en http://validator.w3.org donde las anclas # validate_by_uri , #validate_by_upload y #validate_by_input cada pestaña de enfoque automático diferentes.

¿Cómo se hacen estas cosas? ¿La página usa Javascript para detectar el ancla y luego cambia la vista por usted? ¿Cómo evita que la página se desplace a la posición de anclaje?

Answer 1

La página usa JavaScript para evaluar el " hash " propiedad del objeto window.location .

Ve a probarlo deshabilitando JavaScript. Al menos con la página del validador, esto produce un resultado sorprendente.

Answer 2

YUI incluye un administrador de historial que lo implementa por usted. El examen del código fuente debería ayudarlo a comprender cómo funciona.