Objeto document de JavaScript
Transcript of Objeto document de JavaScript
![Page 1: Objeto document de JavaScript](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/1.jpg)
OBJETO DOCUMENTpor
Carlos CordónPaz RuizDesarrollo web en entorno cliente
![Page 2: Objeto document de JavaScript](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/2.jpg)
DOM
BOM
DOCUMENT
![Page 3: Objeto document de JavaScript](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/3.jpg)
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](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/4.jpg)
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](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/5.jpg)
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](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/6.jpg)
MÉTODOScaptureEvents(); → Captura eventos.
close(); → Cierra el flujo.
open(); → Abre el flujo.
![Page 7: Objeto document de JavaScript](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/7.jpg)
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](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/8.jpg)
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](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/9.jpg)
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](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/10.jpg)
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](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/11.jpg)
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](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/12.jpg)
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](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/13.jpg)
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](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/14.jpg)
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](https://reader038.fdocuments.us/reader038/viewer/2022103017/557ae525d8b42a590b8b5258/html5/thumbnails/15.jpg)
¿preguntas?