Tecnología

Inicio

Cómo cambiar Enlaces con JavaScript en Firefox

May 6

Desde JavaScript es un lenguaje de script del lado del cliente, que es una herramienta ideal para usar cuando se desea cambiar la información en el navegador del usuario en tiempo real. Puede cambiar enlaces o cualquier otra información en el navegador Firefox de un usuario o cualquier otro navegador usando JavaScript. Cuando se crea la pantalla en HTML u otro lenguaje de script, asegúrese de asignar nombres o identificadores de los elementos que desea cambiar para hacer más fácil acceder a ellos.

Instrucciones

1 Crear un nuevo archivo HTML usando el Bloc de notas o un editor HTML. Introduzca las cabeceras HTML en el documento:

<! DOCTYPE HTML>

<Html lang = "es">

<Head>

<Charset meta = "UTF-8">

<Title> Cambiar vínculo </ title>

2 Crear una función de JavaScript que examinará las selecciones del usuario en una forma y mostrar un enlace en la pantalla del navegador Firefox, dependiendo de la selección del usuario:

<Script>

SetLink función () {

var option = document.theForm.choice.selectedIndex;

elección var = document.theForm.choice [opción] .text;

si (== opción "Seleccionar") return;

var TheLink = 'Enlace: & lt; a href = "http://example.com/' + opción +" / "> '+ opción +' & lt; / a> ';

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

}

</ Script>

</ Head>

3 Crear el formulario HTML que se mostrará en Firefox. Asignar un nombre a la forma de modo que se pueda hacer referencia fácilmente. Asignar un id al lugar de la pantalla en la que desea mostrar el vínculo:

<Body>

<Form name = "ElFormulario">

<Select name = "elección" onchange = "SetLink ()">

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

& Lt; opción> Small & lt; / option>

& Lt; opción> Medio & lt; / option>

& Lt; opción> Large & lt; / option>

</ Select>

</ Form>

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

</ Body>

</ Html>

4 Guarde el archivo HTML y abrirlo con Firefox. Cambiar las selecciones en el formulario para verificar que el enlace cambia en la pantalla.