Search
 
 

Display results as :
 

 


Rechercher Advanced Search

Latest topics
» dasaasfagaegadfgsgsgs gssfgsf
Sat Apr 21, 2018 8:58 am by BetaTester

» dasaasfagaegadfgsgsgs gssfgsf
Tue Mar 27, 2018 5:35 am by BetaTester

» dasaasfagaegadfgsgsgs gssfgsf
Tue Mar 27, 2018 5:35 am by BetaTester

» dasdadadad adssadadad asdsadadadad
Tue Mar 27, 2018 5:29 am by BetaTester

» dasdadadad adssadadad asdsadadadad
Tue Feb 27, 2018 1:33 pm by Admin

» pruebassssssss
Tue Feb 27, 2018 9:42 am by Admin

» probando probando
Sun Feb 11, 2018 4:13 am by BetaTester

» [test] test ok ok ok ok
Sat Dec 23, 2017 7:14 pm by BetaTester

» Probando :)
Sat Mar 04, 2017 7:09 am by BetaTester


window y document

Go down

window y document

Post by Admin on Wed Nov 16, 2016 9:16 am

window y document

El contexto global de una aplicación web recae en window, el cual contiene referencias a diferentes APIs y objetos del navegador, como screen, navigator, history, location y document. Cada iframe tiene su propio objeto window, y pueden acceder al window que lo contiene mediante la propiedad parent.

document es el objeto que representa al nodo raíz de un documento HTML, y tiene acceso a los nodos que representan a las etiquetas <head> y <body>. Los iframes tienen su propio documento HTML, por lo que, si un documento tiene iframes, cada elemento iframe puede acceder a su propio documento mediante la propiedad contentDocument.

Las propiedades y métodos de document están definidas por dos interfaces: HTMLDocument y Document. Adicionalmente, Document hereda de Node. Mientras HTMLDocument y Document le dan a document la capacidad de representar al nodo raíz de un documento, Node añade propiedades y métodos relacionados al manejo de nodos. Tanto window y document heredan de la interfaz EventTarget, por lo que tienen la capacidad de manejar eventos.

El DOM en su forma más abstracta es una interfaz que permite leer y manipular documentos en XML y HTML (incluyendo XHTML) y representarlos como un árbol de nodos; sin embargo, el tipo documento estándar mostrado en un navegador es HTML, el cual tiene propiedades propias y distintas a un documento XML cualquiera. Es por eso que, en el navegador, el DOM tiene dos interfaces para representar a un documento: Document para un documento genérico, y HTMLDocument para un documento HTML.

HTMLDocument tiene propiedades propias de un documento HTML, como: domain, title, body, forms, anchors, links e images. Cabe aclarar que anchors y links devuelven listas de elementos de la misma etiqueta (<a>). Esto sucede porque esta etiqueta es usada tanto como ancla dentro del documento como para enlazar el documento actual a otros documentos, imágenes, archivos, etc.

Document tiene 3 propiedades: doctype, que devuelve el tipo de documento (DTD); documentElement, que representa a la etiqueta html; e implementation, que permite crear documentos (HTML o no), así como hojas de estilos. Así mismo, tiene una serie de métodos útiles para la manipulación de elementos dentro del documento, como crear nodos de tipo elemento, comentario, texto y atributo.

[ok]Smile[/ok]


Last edited by Admin on Thu Nov 17, 2016 1:16 pm; edited 7 times in total
avatar
Admin
Admin

Mensajes : 608
Puntos : 838
Reputación : 167
Fecha de inscripción : 2016-05-15

View user profile http://codelab.sitio-web.org

Back to top Go down

Re: window y document

Post by Admin on Wed Nov 16, 2016 9:25 am

@Admin wrote:as de elementos de la misma etiqueta (<a>). Esto sucede porque esta etiqueta es usada tanto como ancla dentro del documento como para enlazar el documento actual a otros documentos, imágenes, archivos, etc.

Document tiene 3 propiedades: doctype, que devuelve el tipo de documento (DTD); documentElement, que representa a la etiqueta html; e implementation, que permite crear documentos (HTML o no), así como hojas de estilos. Así mismo, tiene una serie de métodos útiles para la manipulación de elementos dentro del documento, como

Smile
avatar
Admin
Admin

Mensajes : 608
Puntos : 838
Reputación : 167
Fecha de inscripción : 2016-05-15

View user profile http://codelab.sitio-web.org

Back to top Go down

Re: window y document

Post by Admin on Wed Nov 16, 2016 9:35 am

[alert]document.createAttribute[/alert]
avatar
Admin
Admin

Mensajes : 608
Puntos : 838
Reputación : 167
Fecha de inscripción : 2016-05-15

View user profile http://codelab.sitio-web.org

Back to top Go down

Re: window y document

Post by Admin on Wed Nov 16, 2016 9:44 am

[ok]ok[/ok]
avatar
Admin
Admin

Mensajes : 608
Puntos : 838
Reputación : 167
Fecha de inscripción : 2016-05-15

View user profile http://codelab.sitio-web.org

Back to top Go down

Re: window y document

Post by Admin on Wed Nov 16, 2016 11:22 am

ok ok
avatar
Admin
Admin

Mensajes : 608
Puntos : 838
Reputación : 167
Fecha de inscripción : 2016-05-15

View user profile http://codelab.sitio-web.org

Back to top Go down

test ok ok ok ok

Post by Admin on Wed Nov 16, 2016 11:44 am

Rendimiento

Trabajar con el DOM puede traer consecuencias inesperadas en temas de rendimiento si no se toman en cuenta algunas características propias de los navegadores. Por ejemplo, cuando se manipula el árbol DOM, el navegador recalcula posiciones y re-renderiza la pantalla (ver Reflow y repaint).

Reflow y repaint

Cuando se renderiza un documento HTML en un navegador ocurren dos acciones: reflow (o layout) y repaint. Al realizar el reflow, el navegador calcula las dimensiones y posiciones de cada elemento visible y los coloca en la posición previamente calculada dentro de la zona visible del navegador (o viewport). Cuando se realiza el repaint, el navegador obtiene la información de las hojas de estilo del documento, así como de los estilos del sistema y del navegador, y muestra los elementos de la forma como fue ideada (bordes, fondos, colores, imágenes, etc). Cuando se realiza un reflow, también se realiza un repaint, pero no es así de forma inversa (puede cambiarse el fondo de un elemento y el navegador no tendrá que recalcular posiciones de elementos).
avatar
Admin
Admin

Mensajes : 608
Puntos : 838
Reputación : 167
Fecha de inscripción : 2016-05-15

View user profile http://codelab.sitio-web.org

Back to top Go down

Re: window y document

Post by Admin on Thu Nov 17, 2016 12:49 pm

@Admin wrote:a aplicación web recae en window, el cual contiene referencias a diferentes APIs y objetos del navegador, como screen, navigator, history, location y document. Cada iframe tiene su propio
avatar
Admin
Admin

Mensajes : 608
Puntos : 838
Reputación : 167
Fecha de inscripción : 2016-05-15

View user profile http://codelab.sitio-web.org

Back to top Go down

Re: window y document

Post by Admin on Thu Nov 17, 2016 12:56 pm

@Admin wrote:window y document

El contexto global de una aplicación web recae en window, el cual contiene referencias a diferentes APIs y objetos del navegador, como screen, navigator, history, location y document. Cada iframe tiene su propio objeto window, y pueden acceder al window que lo contiene mediante la propiedad parent.

document es el objeto que representa al nodo raíz de un documento HTML, y tiene acceso a los nodos que representan a las etiquetas <head> y <body>. Los iframes tienen su propio documento HTML, por lo que, si un documento tiene iframes, cada elemento iframe puede acceder a su propio documento mediante la propiedad contentDocument.

Las propiedades y métodos de document están definidas por dos interfaces: HTMLDocument y Document. Adicionalmente, Document hereda de Node. Mientras HTMLDocument y Document le dan a document la capacidad de representar al nodo raíz de un documento, Node añade propiedades y métodos relacionados al manejo de nodos. Tanto window y document heredan de la interfaz EventTarget, por lo que tienen la capacidad de manejar eventos.

El DOM en su forma más abstracta es una interfaz que permite leer y manipular documentos en XML y HTML (incluyendo XHTML) y representarlos como un árbol de nodos; sin embargo, el tipo documento estándar mostrado en un navegador es HTML, el cual tiene propiedades propias y distintas a un documento XML cualquiera. Es por eso que, en el navegador, el DOM tiene dos interfaces para representar a un documento: Document para un documento genérico, y HTMLDocument para un documento HTML.

HTMLDocument tiene propiedades propias de un documento HTML, como: domain, title, body, forms, anchors, links e images. Cabe aclarar que anchors y links devuelven listas de elementos de la misma etiqueta (<a>). Esto sucede porque esta etiqueta es usada tanto como ancla dentro del documento como para enlazar el documento actual a otros documentos, imágenes, archivos, etc.

Document tiene 3 propiedades: doctype, que devuelve el tipo de documento (DTD); documentElement, que representa a la etiqueta html; e implementation, que permite crear documentos (HTML o no), así como hojas de estilos. Así mismo, tiene una serie de métodos útiles para la manipulación de elementos dentro del documento, como crear nodos de tipo elemento, comentario, texto y atributo.

Smile
avatar
Admin
Admin

Mensajes : 608
Puntos : 838
Reputación : 167
Fecha de inscripción : 2016-05-15

View user profile http://codelab.sitio-web.org

Back to top Go down

Re: window y document

Post by BetaTester on Fri Nov 18, 2016 10:42 am

Morbi id dolor at mauris rutrum ornare. Cras massa est, bibendum sit amet justo eget, vehicula euismod massa. Phasellus sed eros ac lorem fermentum vestibulum. Sed maximus metus eu ex convallis, vitae ultricies nisi ornare. Proin ullamcorper orci massa, et rhoncus augue aliquet ac. Phasellus fermentum est cursus turpis viverra porta. Sed gravida in nisl vitae mollis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Phasellus in tortor ex. Suspendisse orci sapien, ultrices at tincidunt sed, mattis id odio. Phasellus congue mi ut lectus gravida iaculis. Phasellus dictum condimentum justo, ut hendrerit arcu faucibus vitae. Vestibulum varius imperdiet cursus. Sed dictum lectus non nulla sollicitudin hendrerit. Praesent venenatis ultricies nibh nec sollicitudin.

Aliquam diam odio, cursus in nisi id, vulputate consequat nunc. Nunc eleifend metus sapien, vel imperdiet tortor iaculis vitae. Curabitur ornare urna nibh, at elementum augue volutpat venenatis. Nullam mollis felis sed elit condimentum pulvinar. Proin magna odio, maximus et dui eget, egestas sollicitudin lorem. Vestibulum eu scelerisque ante, vitae blandit lacus. Pellentesque vel arcu nec quam posuere euismod nec non nunc.

Maecenas urna elit, consectetur ornare nisl in, faucibus fermentum mi. Duis vel quam ipsum. Nulla vel rutrum felis. Fusce placerat, velit quis feugiat feugiat, leo mauris porttitor ex, eget pellentesque lorem lectus a ex. Cras vulputate ipsum et dolor imperdiet, placerat volutpat sem fringilla. Aenean vulputate sit amet dui id fringilla. Mauris sit amet libero faucibus lectus mollis luctus. Vivamus ut commodo urna. Quisque id velit id nisl maximus fermentum a non dui. Proin ullamcorper lacus sed ipsum commodo feugiat. Pellentesque mattis efficitur justo, vitae imperdiet ipsum pulvinar non. Phasellus condimentum ac augue et lobortis. Morbi sed nulla consequat, varius ligula et, porta diam.
avatar
BetaTester

Mensajes : 95
Puntos : 177
Reputación : 68
Fecha de inscripción : 2016-09-08

View user profile

Back to top Go down

Re: window y document

Post by chalo on Sun Nov 20, 2016 11:42 pm

@BetaTester wrote:cidunt sed, mattis id odio. Phasellus congue mi ut lectus gravida iaculis. Phasellus dictum condimentum justo, ut hendrerit arcu faucibus vitae. Vestibulum varius imperdiet cursus. Sed dictum lectus non nulla sollicitudin hendrerit. Praesent venenatis ultricies nibh nec sollicitudin.

Aliquam diam odio, cursus in nisi id, vulputate consequat nunc. Nunc eleifend metus sapien, vel imperdiet tortor iaculis vitae. Curabitur ornare urna nibh, at elementum augue volutpat venenatis. Nullam mollis felis sed elit condimentum pulvinar. Proin magn

chalo

Mensajes : 59
Puntos : 129
Reputación : 68
Fecha de inscripción : 2016-10-31

View user profile

Back to top Go down

my post

Post by chalo on Sun Nov 20, 2016 11:42 pm

@Admin wrote:
@Admin wrote:a aplicación web recae en window, el cual contiene referencias a diferentes APIs y objetos del navegador, como screen, navigator, history, location y document. Cada iframe tiene su propio


Last edited by chalo on Sun Nov 20, 2016 11:43 pm; edited 1 time in total

chalo

Mensajes : 59
Puntos : 129
Reputación : 68
Fecha de inscripción : 2016-10-31

View user profile

Back to top Go down

Re: window y document

Post by chalo on Sun Nov 20, 2016 11:43 pm

@chalo wrote:
@Admin wrote:
@Admin wrote:a aplicación web recae en window, el cual contiene referencias a diferentes APIs y objetos del navegador, como screen, navigator, history, location y document. Cada iframe tiene su propio

chalo

Mensajes : 59
Puntos : 129
Reputación : 68
Fecha de inscripción : 2016-10-31

View user profile

Back to top Go down

Re: window y document

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum