gratiszona

Escribiendo en el navegador con javascript

Casi todos los programas que hemos hecho hasta ahora se han caracterizado en que su "salida" ha sido siempre utilizando la ventana "alert" de JavaScript. Vamos a ver en el siguiente programa que podemos "enviar la salida" a la misma pantalla del navegador.
  • Escribe el siguiente programa:
<HTML>
<SCRIPT LANGUAGE='JavaScript'>
// PROG063.HTM
var nom;
nom=prompt('Escribe tu nombre','');
var salida='';
for(i=2;i<=14;i=i+2)
{
salida=salida+'<BR>'+'i= '+i+' Hola '+nom;
}
document.write('<h1><P align='CENTER'>Uso de DOCUMENT.WRITE</h1>');
document.write('<BR><BR>');
document.write(salida);
</SCRIPT>
</HTML>
  • Grabalo en TuCarpeta con el nombre Prog063.htm y ejecutalo.
  • En un programa JavaScript, la sentencia document.write("cadena") escribe en la pantalla del navegador, el valor de "cadena".
Observa que en "cadena" no podemos incluir los codigos de escape "\n" y "\t", pero si todos los tags HTML que queramos. De esta forma, en lugar de "\n", deberemos escribir <BR>, que es la orden equivalente en HTML.
Utilizando los tags propios del HTML, podemos mejorar la salida de cualquier programa JavaScript, en efecto:
  • Escribe el siguiente programa:
<HTML>
<SCRIPT LANGUAGE='JavaScript'>
// PROG063.HTM
var nom;
nom=prompt('Escribe tu nombre','');
var salida='';
for(i=2;i<=14;i=i+2)
{
salida=salida+'<BR>'+'i= '+i+' - Hola '+nom;
}
document.write('<BODY BGCOLOR='#00FF00'><FONT COLOR='#FF0000'>');
document.write('<h1><P align='CENTER'>Uso de DOCUMENT.WRITE</h1>');
document.write('<BR><BR>');
document.write('<B>'+salida+'</B>');
</SCRIPT>
</HTML>
  • Grabalo y ejecutalo.
Anterior: javascript y html introduccion
Siguiente: javascript y formularios