Slik Hopp til Anchor Med Javascript

Anker elementer brukes i HTML for å lage hyperkoblinger til andre websider, men de kan også brukes til å merke og link til forskjellige deler av en enkelt side. En vanlig teknikk er å opprette en innholdsfortegnelse på toppen av en lang side, med et sett med koblinger som tar brukeren til den delen de ønsker. Flere ankere knytte brukeren tilbake til toppen av siden. Du kan bruke disse typer ankere programmatisk med Javascript samt å sende brukeren rundt på siden som svar på ulike typer innspill.

Bruksanvisning

1 Sett inn følgende Javascript-kode mellom "hodet" tags av HTML-dokumentet:

<Script type = "text / javascript">

funksjon goToAnchor (navn) {

window.location.hash = name;

}

</ Script>

2 Plasser en eller flere ankere i kroppen av HTML-dokumentet, som gir hver et unikt "navn" attributtet. For eksempel:

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

3 Hoppe til et anker ved å kalle «goToAnchor" -funksjonen med navnet på ankeret. For eksempel, for å gjøre en knapp som kaller funksjonen når brukeren klikker det, plassere følgende kode i kroppen av HTML-dokumentet:

<Input type = "button" value = "Gå til bunn" onclick = "goToAnchor ( 'bunnen');" />