Come modificare i collegamenti con JavaScript in Firefox

August 30

Dal momento che JavaScript è un linguaggio di scripting lato client, è uno strumento ideale da utilizzare quando si desidera modificare le informazioni nel browser di un utente in tempo reale. È possibile modificare i collegamenti o qualsiasi altra informazione nel browser Firefox di un utente o di qualsiasi altro browser utilizzando JavaScript. Quando si crea lo schermo in formato HTML o in un altro linguaggio di scripting, assicuratevi di assegnare nomi o gli ID agli elementi che si desidera modificare per renderle accesso più facile.

istruzione

1 Creare un nuovo file HTML utilizzando il blocco note o un editor HTML. Inserire le intestazioni HTML nel documento:

<! DOCTYPE HTML>

<Html lang = "it">

<Head>

<Meta charset = "utf-8">

<Title> Cambia collegamento </ title>

2 Creare una funzione JavaScript che esaminerà le selezioni dell'utente in una forma e visualizzare un link sulla schermata del browser Firefox, a seconda della scelta dell'utente:

<Script>

Funzione SetLink () {

var option = document.theForm.choice.selectedIndex;

var = scelta document.theForm.choice [opzione] .text;

if (scelta == "Select") return;

var thelink = 'Link: & lt; a href = "http://example.com/' + scelta + '/">' + scelta + '& lt; / a>';

document.getElementById ( "thelink") innerHTML = thelink.;

}

</ Script>

</ Head>

3 Creare il modulo HTML per essere visualizzato in Firefox. Assegnare un nome alla forma in modo che possa essere facilmente riferimento. Assegnare un ID al posto dello schermo in cui si desidera visualizzare il link:

<Body>

<Form name = "theForm">

<Select name = "scelta" onchange = "SetLink ()">

&lt;option>Select&lt;/option>

& Lt; opzione> Small & lt; / option>

& Lt; opzione> Media & lt; / option>

& Lt; opzione> Large & lt; / option>

</ Select>

</ Form>

<Div id = "thelink"> </ div>

</ Body>

</ Html>

4 Salvare il file HTML e aprirlo tramite Firefox. Cambiare le selezioni sul modulo per verificare che il link cambia sullo schermo.