Vous êtes sur la page 1sur 2

Instituto Superior Tecnológico Espiritu Santo Fundamentos de Internet

Fundamentos de Internet - Doc 15 -


Por: Ruben Torres Ortega
3.5 Clases, Objetos y propiedades
Una clase nos define la escencia o caracteristica de un elemento, basados en una clase
pueden existir muchos objetos y los objetos tendrán propiedades, por ejemplo, de la clase
madera podemos sacar muchos objetos, mesas, sillas, camas, etc; y cada objeto tendrá sus
propiedades, como color, forma, longitud, etc.

La sintaxis de una función es:

Clase.objeto.propiedad = asignación;
En javascript tenemos lo mismo, por ejemplo la clase documento (la pagina html) tiene el
objeto imagen, y este objeto imagen tiene propiedades de alto, ancho, source, etc.
Expliquemos mejor con un ejemplo

Taller 23:

<html>
<head>
<title>Manejo de objetos, evento onMouseOver</title>
<script language="javascript">
function cambia_imagen(imagen)
{
ave.src = imagen;
}

</script>
</head>

<body>
<!-- llamamos a una imagen, use cualquier imagen, nosotros llamamos
ejemplo2.jpg -->
<img src="ejemplo2.jpg" name="ave"
onMouseOver="cambia_imagen('ejemplo3.jpg');">
</body>

</html>

Observemos algunas cosas de este taller, usamos el evento onMouseOver, que significa
cuando pasemos el ratón encima de la imagen, en segundo lugar hemos dado el atributo
name=”ave” lo que nos permite llamar al objeto como ave, también hemos creado el
parámetro del nombre del archivo que nos permite en la función llamarlo simplemente como
la variable imagen y poder utilizarlo así:

La sintaxis de una función es:

objeto.propiedad = asignación;
ave.src= imagen;

el nombre del objeto = ave


la propiedad = src (source, de img src=)
el parámetro = imagen que es igual a “ejemplo3.jpg”
el evento = onMouseOver

Ahora usemos otro evento: onMouseOut para regresar la imagen a su posición original

Taller 23:

<html>
<head>

Rubén Torres Ortega Página 44 de 112


Ruben_torres_ortega@hotmail.com
Instituto Superior Tecnológico Espiritu Santo Fundamentos de Internet

<title>Manejo de objetos, evento onMouseOver</title>


<script language="javascript">
function cambia_imagen(imagen)
{
ave.src = imagen;
}
</script>
</head>
<body>
<!-- llamamos a una imagen, use cualquier imagen, nosotros llamamos
ejemplo2.jpg -->
<img src="ejemplo2.jpg" name="ave"
onMouseOver="cambia_imagen('ejemplo3.jpg');"
onMOuseOut="cambia_imagen('ejemplo2.jpg');">
</body>
</html>

Rubén Torres Ortega Página 45 de 112


Ruben_torres_ortega@hotmail.com