Programación Orientada a Objetos(POO) y Document Objet Model(DOM)
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.
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)
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>
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
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
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.
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>");
}
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:
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";
La propiedad bgColor
representa el color del Fondo de nuestra pagina
Esta propiedad se utiliza para cambiar el color del texto
document.fgColor=yellow;//MUESTRA EL TEXTO EN AMARILLO
Este se utiliza para escribir directamente en la pagina de HTML
document.write("Esto está escrito en el documento");
document.write("y esto tambien")