Lavora con noi

JavaScript

Siti tematici

Speciali

Ajax

JavaScript » Articoli » Effetti e controlli Javascript

Pagine:

RSS

Gestire dinamicamente i link con JavaScript

di: Luca Ruggiero 06 Settembre 2002

Grazie a dei particolari metodi, Javascript ci permette di utilizzare sistemi diversi dal normale Tag area (A) dell'Html per creare dei link, grazie a questi possiamo linkare un file solo al verificarsi di una condizione, oppure creare dei redirect automatici, situazioni che l'Html da solo non riesce, data la sua staticità, a gestire.

Esistono tre diversi metodi per lo svolgimento di tali funzioni, la proprietà href dell'oggetto location, il metodo navigate() dell'oggetto window e la particolare funzione stringa link().

In generale possiamo dire che il primo ed il secondo si equivalgono e sono dei semplici link equivalenti al classico dell'Html, tranne per la loro capacità di essere inseriti in uno script dinamico, mentre il terzo offre la possibilità di esprimere una condizione secondo la quale, ad esempio a seconda dell'orario, il link deve puntare ad una pagina piuttosto che ad un'altra.

Iniziamo ad analizzarli singolarmente per poi scendere nello specifico ed decidere in quali situazioni scegliere di servirsi dell'uno più tosto che dell'altro o dell'altro ancora.

Proprietà href dell'oggetto location

La proprietà href dell'oggetto location è quella che si comporta in maniera analoga al link in HTML. La sua sintassi è la seguente:

location.href = "mioFile.htm";

può trovarsi inserito nei meandri di qualche semplice, o complessa che sia, funzione, oppure nell'evento onLoad della pagina, caso in cui verrà generato il redirect immediato ed istantaneo alla pagina di destinazione:

Possiamo utilizzare questa funzione per reindirizzare i visitatori a pagine diverse a seconda della risoluzione o del browser utilizzato. Vediamo entrambi gli esempi: