objeto document de javascript

15
OBJETO DOCUMENT po r Carlos Cordón Paz Ruiz Desarrollo web en entorno cliente

Upload: pazruiz

Post on 12-Jun-2015

159 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Objeto document de JavaScript

OBJETO DOCUMENTpor

Carlos CordónPaz RuizDesarrollo web en entorno cliente

Page 2: Objeto document de JavaScript

DOM

BOM

DOCUMENT

Page 3: Objeto document de JavaScript

DOM. Módelo de objeto de documentoEstructura jerárquica en la que se representan los documentos HTML y XML.

BOM. Modelo de objeto de navegadorEste concepto permite acceder y modificar las propiedades de las ventanas del navegador.

Page 4: Objeto document de JavaScript

DHTMLEl conjunto de técnicas que permiten crear sitios web interactivos utilizando una combinación de lenguaje HTML estático, un lenguaje interpretado en el lado del cliente (como JavaScript), el lenguaje de hojas de estilo en cascada (CSS) y la jerarquía de objetos de un Document Object Model (DOM).

Page 5: Objeto document de JavaScript

DOCUMENTEs el elemento fundamental de la programación DHTML, ), dado que es el que permite acceder y modificar todos los elementos de una página

Page 6: Objeto document de JavaScript

MÉTODOScaptureEvents(); → Captura eventos.

close(); → Cierra el flujo.

open(); → Abre el flujo.

Page 7: Objeto document de JavaScript

MÉTODOSclear(); → Borra el contenido.

write(); → Escribe dentro de la web.

writeln(); → Como write pero con salto de línea.

Page 8: Objeto document de JavaScript

MÉTODOScaptureEvents(); → Para capturar eventos.

getElementById(); → Permite obtener un elemento mediante el id.

getElementByName(); → Permite obtener elementos mediante su atributo name.

Page 9: Objeto document de JavaScript

EJEMPLOS DE USO * nueva.document.open();

* nueva.document.write("<html><head><title>Nueva ventana</title></head>");

* nueva.document.write("<body>Esto es una nueva ventana</body></html>");

* nueva.document.close();

Page 10: Objeto document de JavaScript

PROPIEDADESlastModified ˃ La fecha de la última modificación de la páginaReferrer > La URL desde la que se accedió a la página (es decir, la

página anterior en el array history)Title > El texto de la etiqueta <title>

Page 11: Objeto document de JavaScript

PROPIEDADESURL > La URL de la página actual del navegador

alinkColor > Almacena el color de los enlaces activos.

fgColor > Define el color de fondo o el color de texto del documento actual.

linkColor > Almacena el color en formato RGB de los enlaces.

Page 12: Objeto document de JavaScript

PROPIEDADESbgColor > Almacena el del fondo del documento.Cookie > Es una cadena con los valores de las cookies del

documento actual.vlinkColor > Guarda el color en formato RGB de los enlaces

visitados.domain > Guarda el nombre del servidor que ha servido el

documento.

Page 13: Objeto document de JavaScript

PROPIEDADES - ARRAYSanchors > Contiene todas las "anclas" de la página (los enlaces de

tipo <a name="nombre_ancla"></a>)applets > Contiene todos los applets de la páginaembeds > Contiene todos los objetos embebidos en la página

mediante la etiqueta <embed>forms > Contiene todos los formularios de la página

Page 14: Objeto document de JavaScript

PROPIEDADES - ARRAYSimages > Contiene todas las imágenes de la páginalinks > Contiene todos los enlaces de la página (los elementos de

tipo <a href="enlace.html"></a>)plugins > Contiene todos los plugins del documentolayers > Contiene todas las capas del documentos

Page 15: Objeto document de JavaScript

¿preguntas?