Serkronyx
3/17/2016 - 6:07 PM

Programación Orientada a Objetos(POO) y Document Objet Model(DOM)

Programación Orientada a Objetos(POO) y Document Objet Model(DOM)

POO

Los objetos tiene una entidad propia, y se manejan y definen mediante tres aspectos:

Propiedades: Son las caracteristicas de un objeto en concreto.Por ejemplo una propiedad de una página sería su color de fondo.

Metodos: Son funciones específicas que cada objeto puede llevar a cabo.Por ejemplo, un método de una cadena de texto es cambiar la letra que forman a mayúscula.

Eventos: Son sucesos que pueden llegar a producirse o no.Por ejemplo, se puede llegar a detectar si el usuario apoya el puntero del ratón sobre una imagen, o si pulsa el bóton derecho, o si aprieta o libera una tecla.

Sintaxis

Esta es la sintaxis para mandar llamar un objeto con su metodo y un solo argumento

objeto.metodo(argumento)

Pero en dado caso que necesitemos tener mas de un argumento dentro de esté solo se separan con comas

objeto.metodo(argumento_1,argumento_2,...,argumento_n)

JavaSript en HTML

Tambien se puede utilizar codigo JavaScript en codigo HTML con la sintaxis siguiente:

<objeto evento = "sentencia de respuesta del evento">
--------------------------------------------------------
<body>
<button onClick = "document.bgColor = 'red'; document.fgColor = 'skyblue';">
Pulse para cambiar los colores
</body>

Document Objet Model(DOM)

En los Modelos de Objetos de Documentos vemos la estructura de la programación orienta a objetos y lo primordial y es la gerarquia de los objetos

Gerarqía de los objetos

Existen objetos de mayor de mayor nivel que otros, en finción a su ambito.El objeto con mayor jeraquia que se maneja en JavaScript es windows. El objeto representa la ventana que está abierto el navegador y carga una página.Es el objeto mas importante porque es el que contiene a todos los demas.

Por ejemplo el objeto document representa al documento activo(la página que se esté ejecuatando en cada momento).Bueno pues este objeto está dentro (por debajo, jerárquicamente) de la ventana. Técnicamente se dice que el objeto document es una propiedad del onjeto windows

Abreviatura de Código

Una de las metas de cualquier programador es la optimización de un codigo por lo cual utilizar menos lineas de codigo reduce el tamaño del mismo por lo cual podemos utilizar la siguiente sintaxis para lograr el objetivio.

with()

Lo utilizamos cúando tenemos varias linea que se refieren al mismo objeto no es necesario poner el nombre del objeto en cada una de ellas si no al poner el objeto dentro de los parametros de with() es suficioente por ejemplo:

ESTO ES SIN UTILIZAR LA FUNCIÓN WITH

document.write("<b>Esto es negriotas</b><br>");
document.write("<u>Esto es subrayado</u><br>");
document.write("<i>Esto es Italica</i><br>");
document.write("<h1>Esto es grande</h1><br>");
--------------------------------------------------
ESTO ES UTILIZANDO WITH

with(documetn)
{
  write("<b>Esto es negriotas</b><br>");
  write("<u>Esto es subrayado</u><br>");
  write("<i>Esto es Italica</i><br>");
  write("<h1>Esto es grande</h1><br>");
}

Tipos de Objetos

Para poder hacer modificaciones directamente en la pagina HtML podemos utilizar el metodo docuemnt seguido de los diferentes atributos con los que cuenta JavaScript por ejemplo:

document.write(<i>Esto es cursiva</i><br>);
document.write(<u>Esto es subrayado</u><br>);
document.write(<b>Esto es negritas</b><br>);

Existen muchos tipos de objetos en JavaScript algunos de ellos son:

document

Que se refiere al documento activo, es decir, la página que hay cargada en el navegador. Así como tambien se pueden utilizar las tags de HTML utilizando el atributo write() como se ve en el ejemplo anterior

alert("Pulse aquí para ver la página en color rojo");
    document.bgColor = "red";

bgColor

La propiedad bgColor representa el color del Fondo de nuestra pagina

fgColor

Esta propiedad se utiliza para cambiar el color del texto

document.fgColor=yellow;//MUESTRA EL TEXTO EN AMARILLO 

write()

Este se utiliza para escribir directamente en la pagina de HTML

document.write("Esto está escrito en el documento");
document.write("y esto tambien")