Wie man VAR einen Hyperlink in JavaScript

Das Wort "Hyperlink" ist der eher formalen, Langform-Begriff für "Link" auf einer Webseite. Anchor-Tags verwenden, URLs – die Adresse eines Dokuments im Web – um Hyperlinks in HTML erstellen. Diese Links sind statisch, aber du kannst auch HTML-Links zusammen in Skripts, die mithilfe von JavaScript. Wenn Sie die URL eines Links auf eine Variable, Sie benennen Sie diese URL wiederverwendbare und können es in anderen Teilen des Skripts aufrufen. Kombination der Variablen und HTML erstellt die Verbindung, die Sie an jedes Paar von Markierungen auf der Seite anhängen können.

Anweisungen

1 Öffnen Sie die Webseite in einem Editor, so dass Sie können anzeigen und Bearbeiten von Code. Scrollen Sie nach unten des Codes und finden Sie das abschließende "< / body >" Tag. Fügen Sie oberhalb dieser Markierung ein paar "< Script >" Tags:

< Skript-Typ = "Javascript/Text" >< / script >< / body >

2 Schreiben Sie eine Zeile JavaScript, die eine Variable deklariert und setzt seinen Wert zu einem URL. JavaScript-Code geht zwischen den "< >" Skripttags:

Var MyURL = "die http://yourdomain.com/path/to/file.html";

3 Deklarieren Sie eine zweite Variable, und legen Sie dessen Wert in eine Zeichenfolge, die Anker-Tag-Code für einen Link enthält. Innerhalb der Anker-Tag-Code brechen Sie die Zeichenfolge so dass Sie die erste Variable in das Attribut "Href" platzieren können. Brechen die Zeichenfolge für eine Variable – bekannt als "Verkettung" – wird mit Plus-Zeichen erreicht. Da dem Ankertag Anführungszeichen für "Href" erfordert, verwenden Sie einfache Anführungszeichen um den HTML-Code:

MyLink Var = "< a Href =" "+ MyURL + '" >' + MyURL + ' </a >';

In diesem Beispiel wird die Variable "MyURL" zweimal: einmal für das Attribut "Href" und ein zweites Mal für den Link-Text.

4 Im Seitencode nach oben scrollen und suchen nach den Tags hinzufügen oder den Link ausgegeben werden soll. Dies kann zum Beispiel ein leeres DIV-Tag sein. Geben Sie dem Starttag einen ID-Namen, wenn es nicht bereits vorhanden ist:

< Div Id = "Output_link" >< / Div >

5 Zurück zu JavaScript, und fügen Sie diese Zeile:

document.getElementById("output_link").appendChild(myLink);

Der "document.getElementById()" Teil dieses Codes findet ein "Element" auf der Seite erstellt von HTML-Tags mit dem ID-Namen. Der Teil "AppendChild" fügt neuen Inhalte auf das Element durch Einfügen eines Elements "Kind" im Inneren, so dass die Wirkung die Verbindungen innerhalb eines Satzes von Tags platziert ist. Da die Variable "MyLink" HTML und JavaScript-Code, die die Verbindung aufbaut enthält, können Sie das in "appendChild()." platzieren.