index.htm

RECETAS DE NAVIDAD

- apuntes comunicaciones javascript lenguaje c php autoayuda bolsa chistes empleo fotografia digital ocio sabiasque salud timos trucos

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 paso:
javascript y html introduccion
Siguiente paso:
javascript y formularios

· Introduccion a javascript
· Javascript: sintaxis basica
· Variables en javascript
· Javascript: tipos de datos
· Javascript: contadores
· javascript: conversion entre tipos
· Operadores logicos y relacionales en javascript
· If else en javascript
· While en javascript
· Bucles for en javascript
· Switch case javascript
· Do while en javascript
· Calculos iterativos en javascript
· El objeto math javascript
· Variable temporal en javascript
· Funciones sin retorno de parametro. Javascript
· Funciones que devuelven parametros en javascript
· Arrays en javascript
· Matrices con varias dimensiones en javascript
· Codigo ascii/unicode y javascript
· Buscar una letra en un string con javascript
· Temporizadores en javascript
· Introduccion a javascript y html
· Escribiendo en el navegador con javascript
· Formularios en javascript
· Botones en javascript

IMPORTANTE:

- Si te ha gustado esta pagina, por favor, votanos aqui:

- Si no te ha gustado, escribenos y cuentanos en que mejorar.

Actualizado: 16/12/2013