Bla til anker med Javascript

Gi dine besøkende muligheten til å hvile sine rulle fingrene ved å legge rulle å forankre funksjonalitet til ditt nettsted. Internett-brukere klikker ankere daglig for å hoppe til forskjellige nettsteder. Ved å legge til noen få linjer med Javascript for å HTML-koden, kan du gjøre ankere hoppe til forskjellige steder i løpet av en enkelt nettside.

HTML Anchors

Webutviklere legge linker til websider ved hjelp av ankere. Et anker er et enkelt tekststreng rundt av en åpning tag "<a>", og en avsluttende tag, "betaler." Åpnings koden inneholder URL-adressen som besøkende kommer til når de klikker på nettadressen. Teksten som vises mellom åpning og lukking koder skaper linken teksten som brukerne ser i sine nettlesere. Du kan også plassere navnet på en Javascript-funksjon innenfor åpningen tag stedet for å sette en nettadresse der. Når noen klikker på linken teksten, vil funksjonen kjøre og føre til at noen handlinger kan forekomme.

Navngitte Anchors

Anta at du ønsket å gi brukerne muligheten til å klikke en kobling øverst på siden og gå til bunnen av siden automatisk. Navngitte ankere gi deg denne muligheten. En navngitt anker er et vanlig anker som inneholder et navn-attributt som vist nedenfor:

<a name="downloads"> Dette er nedlastingsseksjonen </a>

Denne koden skaper et anker som heter "nedlastinger". Teksten lyder: "Gå til nedlastingsseksjonen." Koden under oppretter en kobling som hopper til nedlastinger anker når klikket:

<a href="#downloads"> Gå til nedlastings § </a>

Legg merke til at det tar to ankere for å gjøre denne boken å forankre funksjonalitet mulig: målet anker og anker som skaper linken som tar deg til bestemmelsesstedet. Den første anker i dette eksempel er målet anker. Den andre anker danner koblingen.

Rulle til anker Bruker Javascript

Mens brukere har muligheten til å klikke koblingene manuelt og blar til nye side steder, kan du utføre denne oppgaven for dem ved hjelp av Javascript. I stedet for å sette en kobling href attributt til navnet på en ankerkode, setter du den til navnet på en Javascript-funksjon. Denne funksjonen kan deretter bruke window.location.hash å hoppe til den navngitte anker. Følgende eksempel hopper til "Downloads" anker nevnt tidligere:

window.location.hash = "#downloads";

Ring en Javascript-funksjon som inneholder denne uttalelsen når du trenger å bla nettleseren til en ny anker plassering.

andre bruksområder

Web surfere elsker å bokmerke sider. Ved å legge oppkalt ankere til en av dine websider, kan du gi brukerne muligheten til å lage flere bokmerker fra en enkelt side. Dette er mulig fordi adressefeltet i nettleseren inneholder navnet på ankeret sammen med websiden vanlige domenenavn. Hvis siden inneholder fem navngitte ankere, kan besøkende bokmerke alle fem anker steder og besøke dem når som helst de liker ved å klikke på en av sine bokmerker. Brukere kan spare tid ved å hoppe direkte til deres favoritt deler av nettstedet ditt uten å måtte søke på din side når de kommer på ditt område.