Cómo saltar al ancla con JavaScript

elementos de anclaje se utilizan en HTML para crear hipervínculos a otras páginas web, pero también se pueden utilizar para marcar y enlace a diferentes secciones de una sola página. Una técnica común es crear una tabla de contenido en la parte superior de una página de largo, con un conjunto de enlaces que llevan al usuario a la sección que quieren. Más anclas enlaza al usuario de vuelta a la parte superior de la página. Puede utilizar este tipo de anclajes de programación con JavaScript y para dirigir al usuario en torno a la página en respuesta a diversos tipos de entrada.

Instrucciones

1 Inserte el siguiente código JavaScript entre las etiquetas "cabeza" del documento HTML:

<Script type = "text / javascript">

goToAnchor función (nombre) {

window.location.hash = name;

}

</ Script>

2 Coloque uno o más anclajes en el cuerpo del documento HTML, dando a cada atributo de un "nombre" único. Por ejemplo:

<a name="bottom"> </a>

3 Saltar a un ancla llamando a la función "goToAnchor" con el nombre del anclaje. Por ejemplo, para hacer un botón que llama a la función cuando el usuario hace clic en él, coloque el código siguiente en el cuerpo del documento HTML:

<Input type = "button" value = "Ir al final" onclick = "goToAnchor ( 'inferior');" />