¡Descarga Apuntes sobre JavaScript Parte1 y más Apuntes en PDF de Informática solo en Docsity!
INTRODUCCION A JAVASCRIPT
Qué es JavaScript? Javascript is un nuevo lenguaje escrito. Los 'scripts' de Javascript pueden ser introducidos dentro de sus páginas de HTML. Con Javascript se puede dar respuesta a eventos iniciados por el usuario (el observador de nuestras páginas, por ejemplo), eventos tales como la entrada de una forma o algún enlace. Esto sucede sin ningún tipo de transmisión. De tal forma que cuando un usuario escribe algo en una forma, no es necesario que sea transmitido hacia el servidor, verificado y devuelto. Las entradas son verificadas por la aplicación cliente y pueden ser transmitidas después de esto, También se puede pensar de programa que se ejecuta en la versión cliente. Por ahora existe un gran número de calculadores en Internet, algunos son proporcionados por Netscape. Solo visite la sección de Javascript. Aunque JavaScript se parece a Java, no es lo mismo! Java es un lenguaje de programación mucho más complejo que JavaScript. JavaScript está hecho para ser un lenguaje bastante fácil de entender. A los autores del JavaScript no les debió haber importado mucho el tema de la programación. Por esta razón, algunos elementos de Java no son aceptados en JavaScript. Cómo pueden ser los scripts de JavaScript ejecutados? Usted puede ejecutar los scripts de JavaScript con Netscape Navigator 2.0. o superiores. Con Exlorer apartir de la version 3. Ahora quisiera mostrar algunos pequeños scripts, de modo que usted pueda aprender de que modo estos son implementados dentro de los documentos de HTML y mostrar con que posibilidades se cuenta en este nuevo lenguaje script. Comenzaré con un script muy pequeño el cual solo mostrará texto dentro de un documento HTML.
**
Mi primer JavaScript!
Este es documento normal en HTML.
Otra vez en HTML.
** Si usted estáEsto es JavaScript! Otra vez en HTML. Debo admitir que este script no es muy funcional. Usted puede escribir eso en HTML mucho más rápido y corto. Pero lo que yo quería mostrar es como se deben usar los tags Este script creará un botón que cuando es presionado muestra una ventana diciendo 'Hola!'. No es esto grandioso? Además, qué está sucediendo en este script? Primero la función se carga y es guardada en memoria. Entonces un botón es hecho con el tag normal (HTML). Hay algo completamente nuevo con el tag. Allí puede ver 'onclick'. Esto le dice al browser que función tiene que invocar cuando este botón es
es la razón por la cual la primera publicación no tenía fecha al final de la página cuando era vista con algunas versiones de Netscape. Por el momento esta propiedad parece no funcionar en cualquier máquina. Compuserve muestra solo la fecha 1/1/1970. Bueno, le puedo decir que esto no es completamente verdadero. aunque esta propiedad trabaja muy bien en mi PC. Usted debe probarla en su máquina. Yo solo tengo que eliminarla por el momento. Hay muchas mas cosas que usted puede hacer. Solo heche un vistazo en los documentos conservados por Netscape. Yo complementaré este curso en el futuro, además hoy en día las cosas se están moviendo bastante rápido, asi que no sería sorprendente si la próxima semana sucede un enorme cambio en JavaScript! La siguiente propiedad de JavaScript la puede observar moviendo el puntero del mouse sobre este link. Tan solo observe la barra de estado en la parte baja del browser. Esto se puede combinar muy bien con funciones de JavaScript. Si mueve el mouse sobre este link una ventana se abrirá. Ahora le mostraré la fuente que produce estos dos efectos:
La única cosa que tiene que hacer es agregar el método onMouseOver en su tag . El window.status le permite escribir cosas el la barra de estado de su browser. Como puede ver, tiene que alternar con las comillas. No puede usar " todo el tiempo, porque de otar manera JavaScript no es capaz de identificar el string que que quiere imprimir en la barra de estado. Después del string se tiene que escribir ;return true. Bueno, esto no es realmente JavaScript. Usted puede pensar que otros browsers interpretan esto a través del estilo HTML. El segundo ejemplo usa
JavaScript llamando la función 'alert'. Aquí está la fuente: **
link
** Esto es completamente fálso. Usa el método 'onMouseOver' y la función hello() es invocada cuando este evento ocurre. Ahora quiero mostrarles un ejemplo usando el método de la fecha y la hora, usted ya vió la propiedad lastModified trabajando. Ahora vamos a escribir la hora local a nuestro documento. Este método utiliza la fechLa hora actual es: 11: La fecha es: 3/4/ Aquí está la fuente: La hora actual es: 21:18La fecha es: 12/28/ Primero creamos una variable de tiempo. Esto es hecho por today=new Date(). Cuando no especificamos cierta fecha y hora el browser usa la hora local y la pone en la variable 'today'. Note que no tenemos que aclarar la variable 'today' en ninguna parte. Esta es una diferencia entre Java y otros lenguajes de programación donde se tiene que especificar la que escribe antes de usarlo. Hemos creado un objeto que mantiene la fecha y hora local.
intervalo de tiempo no debe usar la función 'sin()' sola. Así obtendria siempre valores ciertamente cercanos y esto no es un número al azar. Pero si lo quiere hacer en verdad y cada 20 segundos, esta es una estupenda función para lograrlo. Este es un número al azar:. Esta es la fuente para este ejemplo: Este es un numero al azar:0. La creación de ventanas es una gran característica de JavaScript. Se pueden cargar ventanas nuevas con documentos HTML en ellas. Navegar por Internet todo con JavaScript. Voy a mostrarle como podemos abrir una nueva ventana y escribir algo en ella. Como usted siempre puede ver el botón que invoca la función. La función WinOpen() crea una nueva ventana invocando el método open. Las primeras comillas contienen la URL de la página. Aquí puede poner la dirección del documento que quiere cargar. Si lo deja vacío ninguna página se carga, pero puede escribir en ella con JavaScript! Las siguientes comillas especifican el nombre de la ventana, aquí puede escribir lo que quiera, esto no tiene ningún efecto en nuestros ejemplos por ahora. Pero recibirá un mensaje de error cuando escriba Display Window (con un espacio entre ambas palabras − Netscape le dice algo diferente en su información − pero estuve sentado media hora y no logré encontrar ningún error!). Las comillas siguientes especifican las propiedades de la ventana. Esto es realmente interesante! usted puede decir si quiere barras de herramientas, barras de desplazamiento... Si escribe toolbar=yes entonces tendrá barra de herramientas en su ventana. Algunas propiedades que puede cambiar aparecan abajo. Se puede especificar cada cosa posible, solo tiene que escribirla como le mostré y sin espacios entre ellas. Aquí está lo que se le puede
cambiar a la página: toolbar location directories status menubar scrollbars resizable copyhistory width=pixeles height=pixeles Para pixeles tiene que escribir el número de pixeles. De esta forma le puede decir al browsers que tan grande debe ser la ventana. Después de que haya abierto la ventana y llamado su msg (aparece al frente del método 'open'), puede escribir en ella. Se puede escribir código HTML! esta es una cosa fabulosa. Se puede construir un documento HTML usando la entrada de una forma dada en el documento anterior. Usted puede hacer una página donde un usuario tenga que escribir su nombre en una 'forma', entonces un nuevo documento HTML es creado conteniendo su nombre; meses atrás esto solo era posible con scripts CGI! Note esto: Parecen haber errores o 'bugs' en JavaScript. Cuando usted escribe algo a una ventana, tiene siempre que poner un después de el último texto escrito en la ventana, de otra forma es probable que no se vea la última linea de su escrito. Si quiere insertar imágenes en la nueva ventana este seguro de poner las propiedades height y width en el tag. De otra forma no verá imágenes o su página se desvanecerá de alguna manera. Esto puede causar algunos problemas
**
** Primero usted le dice al browser cuantos frames quiere tener. Esto está definido en el tag . Escribiendo rows el browser dividirá el espacio descrito en barras. Se pueden crear varias columnas usando cols en lugar de rows. Se pueden usar varios tags . Aquí va un ejemplo distribuido por Netscape: **
** Esto creará dos columnas y la segunda columna es dividida en 3 partes iguales. Los 50%,50% el primer tag le dicen al browser que tan grandes serán los frames. Usted le puede dar nombres a sus frames. Esto es muy importante para el uso con JavaScript. En el primer ejemplo puede ver como los frames toman sus nombres. Usando el tag se le dice al browser que página de HTML cargar.
Creo que los elementos básicos de los frames son fáciles de entender,ahora miremos nuestro próximo ejemplo: Esto le mostrará una ventana donde puede presionar algunos botones para escribir algun texto en otro frame. Aquí va la fuente: Para crear los frames necesitará (frames.htm): **
Frames
Aquí está la fuente para frame1.htm:
