ubiquitour.com

Cómo cambiar enlaces con JavaScript en Firefox

Ya que JavaScript es un lenguaje de scripting del lado del cliente, es una herramienta ideal para utilizar cuando desea cambiar la información en el navegador de un usuario en tiempo real. Usted puede cambiar enlaces o cualquier otra información en el navegador de Firefox de un usuario o cualquier otro navegador con JavaScript. Cuando se crea la pantalla en HTML u otro lenguaje de secuencias de comandos, asegúrese de que asigna nombres o identificadores a los elementos que desea cambiar para facilitar el acceso a los.

Instrucciones

1 Crear un nuevo archivo HTML usando el Bloc de notas o un editor HTML. Escriba los encabezados de HTML en el documento:

<! HTML de DOCTYPE >

< html lang = "en" >

< head >

< meta charset = "utf-8" >

< title > cambio enlace < / title >

2 Crear una función de JavaScript que examina las selecciones del usuario en un formulario y mostrar un enlace en la pantalla del navegador Firefox, según selección del usuario:

< script >

función setLink() {}

var option = document.theForm.choice.selectedIndex;

var choice = document.theForm.choice[option].text;

if (choice == "Select") return;

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

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

}

< /script >

< /HEAD >

3 Crear el formulario HTML que se mostrará en Firefox. Asigne un nombre a la forma que puede ser referenciado fácilmente. Asignar un id al lugar de la pantalla donde desea que aparezca el enlace:

< cuerpo >

< nombre del formulario = "ElFormulario" >

< select nombre = "opción" onchange="setLink()" >

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

&lt;option>Small&lt;/option>

&lt;option>Medium&lt;/option>

&lt;option>Large&lt;/option>

< / select >

< / form >

< div id = "theLink" >< / div >

< /body >

< / html >

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