Las WEBS estática ofrecen mucha información pero tienen poco valor desde el punto de vista tecnológico. Para que una WEB estática se convierta en dinámica es preciso añadirles los denominados javascript. Los javascript son pequeños programas escritos en este lenguaje que ejectúan los procesos escritos. Javascript es un lenguaje orientado a objetos, por lo que la ejecución de programas suele ir asociada a eventos dentro de la página. Los eventos puede ser pulsar un botón, hacer un click con el ratón, pasar el ratón por un determinado objeto, cargar una página.
En cuanto a los programas que se pueden hacer con javascript, hay que considerar que no es preciso dar formato a las variables cuando éstas se definan. Pero se pueden diferenciar
1.- Procesos lineales
2.- Ramificaciones o condicionales
3.- Bucles.
Para introducir una acción en una página web se deben utilizar los eventos sobre los objetos y el programa escrito entre etiquetas <script> </script> en la cabecera. Veamos algunos ejemplos:
Hola
<div id="dl">
Hola</div>
<button onclick="f()">Ejecutar Script</button> OBJETO : BOTÓN
<script>
function f(){
var hoy = new Date();
var h = hoy.getHours(); DEFINICIÓN DE VARIABLES
var m = hoy.getMinutes();
var s = hoy.getSeconds();
document.getElementById('dl').innerHTML=h+":"+m+":"+s; CAMBIAS EL FORMATO DE "HOLA"
var t = setTimeout ( function(){f()} , 1000); REPITE EL PROCESO CADA 1000 ms
}
</script>
Otro ejemplo son mensajes emergentes cuando pasamos el cursor.
Hola</div>
<button onclick="f()">Ejecutar Script</button> OBJETO : BOTÓN
<script>
function f(){
var hoy = new Date();
var h = hoy.getHours(); DEFINICIÓN DE VARIABLES
var m = hoy.getMinutes();
var s = hoy.getSeconds();
document.getElementById('dl').innerHTML=h+":"+m+":"+s; CAMBIAS EL FORMATO DE "HOLA"
var t = setTimeout ( function(){f()} , 1000); REPITE EL PROCESO CADA 1000 ms
}
</script>
Otro ejemplo son mensajes emergentes cuando pasamos el cursor.
El código es muy parecido al anterior. Cambia la definición del objeto y el evento.
<button onMouseOver="ff()"><img src="imagenes/images.jpeg"></button>
DEFINICIÓN DEL OBJETO Y EL EVENTO
<script>
<!--
function ff() DEFINICIÓN DE LA FUNCIÓN
{
alert("BIENVENIDOS A NUESTRA PÁGINA WEB"); DEFINICIÓN DE LA ACCIÓN
}
//-->
</script>
Otro ejemplo son los textos en movimiento.
Cuyo código puede tener muchas variables
<h1><MARQUEE WIDTH=100% HEIGHT=0> BIG DATA </MARQUEE>
</h1>
Desde la página de desarrolladores se puede encontrar la sintaxis básica para crear nuestros javascript
No hay comentarios:
Publicar un comentario