Wie Sprung zu Anker mit JavaScript

October 4

Anchor-Elemente in HTML verwendet, um Hyperlinks zu anderen Webseiten zu machen, aber sie können auch markieren und Verknüpfen mit verschiedenen Abschnitten einer einzelnen Seite verwendet werden. Eine gängige Technik ist ein Inhaltsverzeichnis an der Spitze einer langen Seite mit eine Reihe von Verknüpfungen zu erstellen, die den Benutzer auf den Abschnitt zu nehmen, was, die Sie wollen. Weitere Anker link den Benutzer zurück an den Anfang der Seite. Diese Arten von Ankern können programmgesteuert mit JavaScript auch den Benutzer um in Reaktion auf verschiedene Arten von Beiträgen der Seite zu lenken.

Anweisungen

1 Fügen Sie den folgenden JavaScript-Code zwischen die Tags "Kopf" des HTML-Dokuments:

< Skript-Typ = "Text/Javascript" >

Funktion goToAnchor(name) {}

window.location.hash = name;

}

< / script >

2 Platzieren Sie ein oder mehrere Anker im Körper des HTML-Dokuments geben jeweils ein einzigartiges Attribut "name". Zum Beispiel:

< a Name = "unten" >< / a >

3 Sprung zu Anker durch Aufrufen der Funktion "GoToAnchor" mit dem Namen des Ankers. Beispielsweise um eine Schaltfläche zu machen, die die Funktion aufruft, wenn der Benutzer darauf klickt, platzieren Sie den folgenden Code im Körper des HTML-Dokuments:

< Eingang Typ = "Knopf" Value = "Nach unten gehen" onClick="goToAnchor('bottom');" / >


SIE KÖNNEN AUCH GERNE