La parola "collegamento ipertestuale" è il termine più formale, long-form per un "link" su una pagina Web. Tag di ancoraggio utilizzare URL-l'indirizzo di un documento sul Web – per creare collegamenti in HTML. Questi collegamenti sono statici, ma si possono anche mettere dei link HTML insieme all'interno di script utilizzando JavaScript. Impostando l'URL di un link a una variabile, potete assegnare tale URL un nome riutilizzabile e può chiamare all'interno di altre parti dello script. Combinando la variabile e HTML crea il link, che è possibile aggiungere a qualsiasi coppia di tag nella pagina.

Istruzioni

1

Aprire la pagina Web in un editor, quindi è possibile visualizzare e modificare il suo codice. Scorrere fino alla fine del codice e trovare la chiusura tag "< / body >". Sopra quel tag, aggiungere una coppia di tag "< script >":

< script type = "text/javascript" >
< / script >
< / body >

2

Scrivere una riga di JavaScript che dichiara una variabile e imposta il valore di un URL. Codice JavaScript va tra i tag "< script >":

var myURL = "di http://yourdomain.com/path/to/file.html";

3

Dichiarare una seconda variabile e impostarne il valore su una stringa che contiene il codice del tag di ancoraggio per un link. All'interno il codice del tag di ancoraggio, è necessario scomporre la stringa in modo da poter posizionare la prima variabile all'interno dell'attributo "href". Rompere la stringa per una variabile – nota come "concatenazione" – è compiuta con un segno più. Poiché il tag di ancoraggio richiede le virgolette per "href", utilizzare le virgolette singole il codice HTML:

myLink var = ' < a href = "" + myURL + ' ">' + myURL + '< /a >';

Questo esempio chiama la variabile "myURL" due volte: una volta per l'attributo "href" e una seconda volta per il testo del collegamento.

4

Scorrere verso l'alto nel codice della pagina e cercare i tag in cui si desidera aggiungere o il link di uscita. Questo può essere un tag div vuoto, ad esempio. Dare il tag di apertura un nome ID, se non ha già uno:

< div id = "output_link" >< / div >

5

Torna al tuo JavaScript e aggiungere questa riga:

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

La parte "document.getElementById()" questo codice cerca un "elemento" nella pagina creato da tag HTML, con il suo nome ID. La parte "appendChild" aggiunge nuovi contenuti all'elemento inserendo un elemento di "bambino" all'interno, così l'effetto sta mettendo i link all'interno di un set di tag. Poiché la variabile "myLink" contiene codice HTML e JavaScript che costruisce il link, è possibile inserire che all'interno di "AppendChild ()."